首页客户案例高端网站建设SEO优化小程序APP开发抖音 X 获客网络营销关于动态联系咨询

HTML连续英文字符串强制换行

大家都知道在table的某一格里插入文本时,如果是中文当然是没有问题,当到达指定宽度时会自动换行,但如果是英文或数字之类的就会有问题了.因为它是以空格为英文单词间的区别,但是如果输入一长串英文,中间不含空格时,表格就变形了.但事实table的style里有一项可以让英文强制换行的,就是 word-break,当把这项设为break-all时大家就可以看到效果了.

示例代码:

<table width="100%" style="word-break:break-all">

<td width="20%">

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

</td><td width="80%"></td></table>

把这copy到body里预浏看看.

word-break还有两个选项:normal就是通常的,不设置时的效果了。

keep-all:则是和break-all相反,是不管什么字符在没有空格和换行符的情况下都不换行

本文来源于广州网站建设公司与广州网站设计制作公司-广帆互动广州公司!

日期:2015年06月27日

标签: 广州网站设计公司 、 广州网站设计 、 广州网站建设公司 、 广州网站建设 、 广州网站制作公司 、 广州网站制作 、 高端网站设计 、 高端网站建设 、 广州高端网站设计 、 广州高端网站建设

获取您的项目定制及优化报价。

* 为广州天河、白云、海珠、番禺、花都、南沙区提供网站建设服务。
微信二维码15876521776免费获取诊断报告