建站代码网

热门标签

css中的word-wrap:break-word属性

今天有一位网友在“天兴工作室”网站留言说我们的模板有bug,具体表现为发布的文章当中如果有连着的几十个字母则不能强制断行,影响美观。

经天兴工作室检查后果然有这种情况,然后大概的研究了下,解决了此问题,用到的是css中的“word-wrap”属性。

那么这个属性到底是个什么东西呢?大概是这样的:

word-wrap:

css的 word-wrap 属性用来标明是否允许浏览器在单词内进行断句,这是为了防止当一个字符串太长而找不到它的自然断句点时产生溢出现象。

ps:这个css属性几乎所有的浏览器都可以支持,因此不会产生浏览器不兼容情况出现。


出现了这个问题也当是给天兴工作室的粗心提了一个醒,当然还是要为自己找个原因啦,纯中文的环境下是不会出现这种问题的,只有内容中有很长的不断句的英文的时候才会出现此问题。但是建议这个属性还是要加上,有备无患。