CSS:如何包装文本,在其中没有空格?

前端之家收集整理的这篇文章主要介绍了CSS:如何包装文本,在其中没有空格?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我用过:
word-break:break-all;
table-layout:fixed

并且文本在Chrome中而不是Firefox中打包。

更新:我决定改变设计,所以它不需要换行;试图整理一个CSS修复/黑客被证明太令人沮丧和耗时。

解决方法

尝试这个,我认为这将工作,像“AAAAAAAAAAAAAAAAAAAAAARRRRRRRRRRRRRRRRRRRRRRRRRRRRRRGGGGGGGGGGGGGGGGGGGGG”
会产生
AARRRRRRRRRRRRRRRRRRRR
RRGGGGGGGGGGGGGGGGGGGG
G

我从Google上的几个不同的网站上举了我的例子。我已经测试这个在ff 5.0,IE 8.0和Chrome 10。

.wrapword{
white-space: -moz-pre-wrap !important;  /* Mozilla,since 1999 */
white-space: -webkit-pre-wrap; /*Chrome & Safari */ 
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
white-space: pre-wrap;       /* css-3 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
word-break: break-all;
white-space: normal;
}

<table style="table-layout:fixed; width:400px">
    <tr>
        <td class="wrapword">
        </td>
    </tr>
</table>

猜你在找的CSS相关文章