CSS实现连续字符换行的方法
发布时间:2015-05-12 17:09:38 作者:佚名 我要评论
这篇文章主要为大家介绍了CSS实现连续字符换行的方法,设计CSS的word-break属性使用方法,需要的朋友可以参考下
本文实例讲述了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控制文字自动换行的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-10-12
- 下面小编就为大家带来一篇CSS控制文本超出指定宽度显示省略号和文本不换行效果的实现。小编觉得挺不错的,现在分享给大家,也给大家做个参考2016-05-05
- 这篇文章主要介绍了CSS超出文本指定宽度用省略号代替和文本不换行的相关资料,小编觉的实用性非常,特此分享到脚本之家平台,供大家参考2016-05-05
- 这篇文章主要介绍了CSS自动换行、强制不换行、强制断行、超出显示省略号的相关资料,需要的朋友可以参考下2016-04-26
用CSS实现textArea中的placeholder换行功能
这篇文章主要介绍了用CSS实现textArea中的placeholder换行功能,依照传统方法书写的话会出现问题,文中给出了解决方法,需要的朋友可以参考下2015-07-08- 这篇文章主要为大家介绍了CSS强制换行对齐的实现方法,涉及css中text-justify属性的使用技巧,需要的朋友可以参考下2015-05-12
- 下面小编就为大家带来一篇CSS代码使纯英文数字自动换行的简单实现。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-10-18
最新评论