wordd在html中可以通过-wrap、word-break和overflow属性设置文本超过换行,只需添加文本元素“word-wrap:break-word;word-break:break-all;overflow:hidden;”样式。
本教程操作环境:windows7系统,CSS3&&HTML5版,Dell G3电脑。
今日遇到一个难题,如图所示:
所以效果看起来很难看,我们最理想的状态应该是让它看起来很难看 div 如果内容超过 div 内容的宽度要换行显示。
解决办法:
要确定 div 有宽度,加上 css 样式:代码如下:
word-wrap:break-word; word-break:break-all; overflow: hidden;
结果如下:
这就达到了我们想要的效果。
以上是html如何设置文本超越换行的详细内容。