今天在做一个移动端的项目时遇到一个问题,就是当文字在一行显示不出来时,它会选择换行,但是改行并未全部填满,而是有少许的空白。如下图所示。
可以清晰的看见有一部分区域未全部填满就跑到下一行。原因出现在,默认的CSS样式不允许把一个单词拆分,但具体是哪一个属性忘记了,于是上网查资料得知,该属性为word-break:break-all。添加了之后就正常了。哈哈!
虽说为题解决了,但这里还需要把CSS中有关文本修饰的样式总结一下,避免以后需要用到某种属性又找不到。
今天在做一个移动端的项目时遇到一个问题,就是当文字在一行显示不出来时,它会选择换行,但是改行并未全部填满,而是有少许的空白。如下图所示。
可以清晰的看见有一部分区域未全部填满就跑到下一行。原因出现在,默认的CSS样式不允许把一个单词拆分,但具体是哪一个属性忘记了,于是上网查资料得知,该属性为word-break:break-all。添加了之后就正常了。哈哈!
虽说为题解决了,但这里还需要把CSS中有关文本修饰的样式总结一下,避免以后需要用到某种属性又找不到。