CSS3 word-wrap

word-spacing 属性

当英文单词超过容器时,使用断句换行

<!-- normal 默认值,不断句,单词会溢过容器 -->
<p style="background: orange; word-wrap: normal; width: 50px;">JMJCTECH</p>

<!-- break-word 当英文单词超过容器时,断句换行 -->
<p style="background: orange; word-wrap: break-word; width: 50px;">JMJCTECH</p>

显示效果

JMJCTECH

JMJCTECH

更多教程 HTML5 教程 CSS3 教程 JavaScript 教程 JQuery 教程 React.js 教程 Node.js 教程 Koa2 教程 Python 教程 Linux 教程