CSS 空白 : nowrap; broke p tag

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 放入 content div 中几次。

Answer 1

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

添加代码后编辑

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