word-wrap:break-word;
CSS3 规范说在 Chrome 中必须使用部分支持,word-wrap:break-all;
但没有连字符。我正在使用text-align:justify;
有没有想出一个解决方案,在 chrome 中出现断字时有一个连字符?
我已经多次看到这个问题,但还没有找到完整的解决方案。
这是我当前如何使用它的代码示例。
.threecolumn {
-moz-column-width: auto;
-moz-column-count: 3;
-moz-column-gap: 20px;
-moz-column-rule-color: none;
-moz-column-rule-style: none;
-moz-column-rule-width: 0;
-webkit-column-width: auto;
-webkit-column-count: 3;
-webkit-column-gap: 20px;
-webkit-column-rule-color: none;
-webkit-column-rule-style: none;
-webkit-column-rule-width: 0;
column-width: auto;
column-count: 3;
column-gap: 20px;
column-rule-color: none;
column-rule-style: none;
column-rule-width: 0;
text-align: justify;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
word-break:break-all; /* chrome, no hyphens :( */
}
作品在 FF 和 Safari 中找到。
使用:Firefox:17 Chrome:23 Safari:6.0.2