Question

<div>元素的内容（如果没有空格）溢出容器外。

在所有浏览器上都有使用新行修复此问题的技巧吗？

例如：

<div style="width: 500px;">

    <div style="border: 1px solid #000;">
        <p>http://www.trendn.com/timthumb.php?src=http%3A%2F%2Fwww.blogcdn.com%2Fwww.engadget.com%2Fmedia%2F2011%2F04%2F11x0419n873422_thumbnail.jpg</p>
    </div>

</div>

由于

Answer 1

如果我理解正确:(不确定我是否这样做，因为我对已经在这里的人发表了不同的答案）

使用white-space property（或IE的等效属性）。

#divElement {
    word-wrap: break-word;      /* IE 5.5-7 */
    white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
    white-space: pre-wrap;      /* current browsers */
}

见这里：http://jsfiddle.net/thirtydot/RE5uG/

Answer 2

您可以使用overflow css声明。

请参阅：http://www.quirksmode.org/css/overflow.html

http://jsfiddle.net/userdude/pr2k7/

Answer 3

将CSS overlflow与hidden

一起使用

内容溢出<div> </div>之外

3 个答案: