CSS实现连续字符换行的方法
网站建设 2021-07-03 08:15www.dzhlxh.cn网站建设
本文实例讲述了CSS实现连续字符换行的方法。分享给大家供大家参考。具体分析如下:
连续字符的CSS换行,主要用到CSS的word-break属性,为其添加:break-all参数,这样的话字符会适应规定的宽度而自动换行,实际上这就是CSS的强制换行功能。
复制代码
代码如下:<title>连续字符的CSS换行代码</title>
<table width="120" border="2">
<tr><td style="word-break:break-all">ddddddddddddddddddddddddddddddddddddrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrvvvvvvvvvvvvvvvvvvvvvvvvvvvxxxxxxxxxxxxxxxxxxxxxxxxxxhhhhhhhhhhhhhhhhhhhhhhnnnnnnnnnnnnnnnnnnnnnnnn</td></tr></table>
<table width="120" border="2">
<tr><td style="word-break:break-all">ddddddddddddddddddddddddddddddddddddrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrvvvvvvvvvvvvvvvvvvvvvvvvvvvxxxxxxxxxxxxxxxxxxxxxxxxxxhhhhhhhhhhhhhhhhhhhhhhnnnnnnnnnnnnnnnnnnnnnnnn</td></tr></table>
希望本文所述对大家的div+css网页设计有所帮助。
上一篇:CSS强制换行对齐的实现方法
下一篇:纯CSS实现美观大方的网页柱状图效果