如何包装文本以适应DIV长度

Question

我在DIV中有一些内容需要在DIV宽度变化时被包裹。我知道内容会被相应地打包，但只要内容有这样的内容“ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ < / EM> __ _ __ _ __ _ __ _ __ _ __ < em> _ _ “中间没有任何空格，内容跳出DIV或DIV宽度更改以适合上述文本。我该如何解决这个问题？

Answer 1

这可能会有所帮助

.className{
    word-wrap: break-word;
    white-space: normal
}

Answer 2

您可以使用：

1. pre tag
2. property white-space
3. 属性自动换行

以下是代码：

   pre {
        white-space: pre;           /* CSS 2.0 */
        white-space: pre-wrap;      /* CSS 2.1 */
        white-space: pre-line;      /* CSS 3.0 */
        white-space: -pre-wrap;     /* Opera 4-6 */
        white-space: -o-pre-wrap;   /* Opera 7 */
        white-space: -moz-pre-wrap; /* Mozilla */
        white-space: -hp-pre-wrap;  /* HP Printers */
        word-wrap: break-word;      /* IE 5+ */
        }

参考：http://perishablepress.com/wrapping-content/

Answer 3

您可以应用以下css：

.className{word-wrap:break-word;}

Answer 4

你可以试试这个：

.className{ width:100%; overflow:hidden; }

希望这能解决问题。