Question

我在div中使用了下面的自动换行，但它似乎根本不起作用。任何替代方案。

word-wrap: break-word;

这是CSS 3，CSS 2怎么样谢谢让

Answer 1

这是一个CSS3属性，因此请确保您的/访问者浏览器支持CSS3。

Answer 2

尝试：

div {

text-align: justify;
white-space: normal !important;

}

并在div上设置固定宽度。

Answer 3

尝试：

div.mydiv 
{
    white-space: normal;
}

以上不起作用。

FF不支持此CSS3选择器，如Mozilla.org forum所述。和Mozilla bug report

尝试使用溢出或使用

text-align:justify;

Answer 4

Firefox仅支持3.5 (see doc)的自动换行。您可以使用空格(doc)来实现向后兼容。

Answer 5

.mydiv1 {
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;}

.mydiv2 {
word-break: break-all;}

在课堂上，mydiv1是'word-break：break-all'和'word-wrap：break-word'的组合。虽然在课堂上mydiv2只有'word-break：break-all'。