使用word-wrap来防止文字溢出

使用word-wrap来防止文字溢出

DIV中明明限了宽度 ,wps演示,可是输进aaaaaaaaaaa...等却不会主动换行,查抄了一通没发明问题,原来是(一连的字母会看成一个单词处置), 外国人望认为一个单词不该该换行,如下给出的解决方式:
  word-break:break-all 以及 word-wrap:break-word

  word-break:break-all以及word-wrap:break-word常常用来解决长字符串换行问题。

  颠末一系列测试后,发明word-break:break-all在IE6/7/chrome/safari为一派,体现为尾部截断,而ff3.0/opera体现为无效。既太长单词换行显示,然后溢出鸿沟。

  word-wrap:break-word;在IE6/7/chrome/safari为一派 体现为长单词换行,再显示不下才裁切。而ff3.0/opera也体现为无效

  显然word-wrap:break-word;要更合适用户体验,word-break:break-all则可以疏忽了,外国人不喜好把英文单词切开来望。而针对付ff3.0以及opera则只能用overflow-x:hidden暗藏了(ff3.5已经经支撑此属性)。

  以是这里建议

XML/HTML Code复制内容到剪贴板

  word-wrap:break-word;overflow-x:hidden;width:500px;  

(原文出处:吾吾织梦)


本文标题:使用word-wrap来防止文字溢出,由WPS精选分享
如果您觉得这篇文章不错,请使用分享工具推荐到您喜欢的微博、网站或者论坛

所属分类:WPS文字
本文标签:文字使用word-wrap防止溢出
发布时间:2016-03-07