css - CSS 空白：nowrap；p标签坏了

Question

所以我有一个 P 标签将一些文本组合在一起，这样它就不会离开盒子，所以看起来不错，但是当我添加 white-space: 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 中几次。

Answer 1

white-space no wrap 属性正是意味着文本不会换行。因此，如果您的字符串比容器 p 标签长，它将延伸到它之外。这是适当的行为，除非我理解你的问题是错误的。也许我们代码看一些代码？

添加代码后编辑

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