css解决数字字母自动换行
2017-08-13 18:55
399 查看
目的:最近在项目中遇到样式问题,在样式一样的两个div中,汉字会自动换行,但数字和字母不会换行。下面就来说解决的办法。
1.先给一个例子看效果:html如图(1):
图(1)
运行效果如图(2):
图(2)
2.从上面例子中可以看到数字和字母没换行
解决办法:加入样式 word-break:break-all或word-wrap:break-word,如图(3)和图(4)
图(3)
图(4)
3.如果需要了解word-break:break-all或word-wrap:break-word的区别请看下一篇word-break:break-all或word-wrap:break-word的区别
相关文章推荐
- CSS解决无空格太长的字母,数字不会自动换行的问题
- CSS解决无空格太长的字母,数字不会自动换行的问题
- CSS解决无空格太长的字母,数字不会自动换行的问题
- CSS解决无空格太长的字母,数字不会自动换行的问题
- CSS解决无空格太长的字母,数字不会自动换行的问题
- CSS解决无空格的字母、数字过长不自动换行的问题
- 解决浏览器显示长数字不能自动换行或长字母不能换行的问题
- 【jsp】解决table中输入全部为字母或数字时不自动换行问题
- CSS实现div添加过长的英文字母或数字的内容显示一排而溢出时,进行自动换行
- CSS div内放长英文字母或长数字自动换行 CSS一行排不下自动打断换行
- css解决英文字符与阿位伯数字自动换行
- css解决英文字符与阿位伯数字自动换行
- 解决浏览器显示长数字不能自动换行或长字母不能换行的问题
- css中字母数字自动换行
- 解决长串英文字母显示不能自动换行的问题和td中汉字自动换行 && CSS强制不换行
- 【转】解决长串英文字母显示不能自动换行的问题和td中汉字自动换行 && CSS强制不换行
- 解决浏览器显示长数字不能自动换行或长字母不能换行的问题
- html td 换行-解决长串英文字母或者数字不能自动换行的问题
- CSS解决无空格太长的字母,数字不会自己主动换行的问题
- css解决英文字符与阿伯数字自动换行