css - CSS空格:nowrap;破了p标签

因此，我有一个P标签，将一些文本分组在一起，这样它就不会离开盒子，因此看起来不错，但是当我添加空格时：nowrap; （要产生水平溢出），它打破了所有的局面，而现在它只是开箱即用，找不到解决此问题的方法。

更新代码已添加

#content {
    width:90%;
    height:450px;
    overflow-x:scroll;
    overflow-y:hidden;
    margin:auto;
    white-space: nowrap;
}


#picturePost {
    background:url(images/picture_post.png) no-repeat;
    width:252px;
    height:430px;
    padding-top:25px;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:25px;
    display:inline-block;
}

然后我只是将picturePost div放在内容div中几次。

最佳答案

空格不换行属性的确切含义是文本将不换行。因此，如果您的字符串比容器p标记长，它将在其外部延伸。除非我理解您的问题不对，否则这是适当的行为。也许我们的代码看看一些代码？

修改代码后进行编辑

这就是您要找的东西吗？ http://jsfiddle.net/NUZyp/2/

关于css - CSS空格:nowrap;破了p标签，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11195936/