27 2014年04月

html中如何使标签中连续的英文折断(比如网址)

发布于:21时29分 | 来源:湛蓝天空  |   编辑:湛蓝  |   日志分类:DIV+CSS  |   已聚集:人围观

我们在页面中常会见到比如网址无法自动折断(如下图)

网址无法自动折断

如果是汉字,则可以自动换行。如果是连续的英文或数字会被视为一个单词,即使达到最大宽度也不会自动折断,而是直接到换到下一行。

那么这里就可以使用word-break:break-all;来实现长英文自动折断(效果如下图)。

英文自动折断

如:<p style="word-break:break-all;"></p>

除非注明,均为湛蓝天空原创,转载请注明本文网址:http://skyhome.cn/div_css/464.html

标签:折断换行(1)
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)