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没有wrap属性意味着文本不会包装。因此，如果您的字符串比容器p标记长，它将扩展到它之外。这是适当的行为，除非我理解你的问题是错误的。也许我们代码看一些代码？

添加代码后编辑

这是你正在寻找的吗？ http://jsfiddle.net/NUZyp/2/

CSS white-space：nowrap;打破了p标签

1 个答案: