3

我在 DIV 中有一些内容需要在 DIV 宽度更改时进行包装。我知道内容会被相应地包装，但只要内容有这样的内容“ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ __ _ __ _ _" 中间没有任何空格，内容会跳出 DIV 或 DIV 宽度更改以适合上面的文本。我该如何解决这个问题？

4

4 回答 4

8

这可能会有所帮助

.className{
    word-wrap: break-word;
    white-space: normal
}
于 2013-10-20T08:33:03.897 回答
4

您可以使用：

  1. 前置标签
  2. 属性空白
  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/

于 2013-10-20T08:27:29.100 回答
2

您可以应用以下 CSS：

.className{word-wrap:break-word;}
于 2013-10-20T07:21:24.740 回答
1

你可以试试这个：

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

希望这能解决问题。

于 2013-10-20T08:30:35.607 回答