css给dom容器定义了宽度,英文和数字显示不换行的解决办法。
2017-07-18 18:25
441 查看
你除了要定宽度,还要加上这2个属性其中之一,就可以实现换行了。 1. word-break:break-all;只对英文起作用,以字母作为换行依据,数字也可以换行. 2. word-wrap:break-word; 只对英文起作用,以单词作为换行依据,能换行,但是宽度会超出设定宽度.
出现此问题是因为系统默认一段不含空格的字母(数字)串为一个单词,系统默认不会从一个单词中间断行,所以溢出了div,设置了上述换行属性亦可解决此问题。
相关文章推荐
- td内容自动换行 ,td超过宽度显示点点点… , td 使用 overflow:hidden 无效,英文 数字 不换行 撑破div容器
- html5 连续的数字、英文不自动换行的解决办法
- flex 布局下,css 设置文本不换行时,省略号不显示的解决办法
- Div+css下HTML设计三列自适应宽度出现换行的解决办法
- CSS实现div添加过长的英文字母或数字的内容显示一排而溢出时,进行自动换行
- 数字、英文不自动换行的解决办法
- 自动换行问题,而连续的数字和英文字符常常将容器撑大,下面介绍的是CSS如何实现换行的方法
- 解决长串英文字母显示不能自动换行的问题和td中汉字自动换行 && CSS强制不换行
- css解决英文字符与阿位伯数字自动换行
- 【转】解决长串英文字母显示不能自动换行的问题和td中汉字自动换行 && CSS强制不换行
- css 解决英文字符与阿位伯数字自动换行
- css解决英文字符与阿位伯数字自动换行
- css解决英文字符与阿伯数字自动换行
- DIV内英文或者数字不换行的问题 解决办法
- css解决英文字符与阿伯数字自动换行
- CSS实现div添加过长的英文字母或数字的内容显示一排而溢出时,进行自动换行
- 英文或数字能使容器被撑大的解决方法--自动换行
- CSS让内部容器高度随着父容器高度变化的解决办法
- css定义div的宽度高度要减去多少?解决方法
- 今天抓取table里面,td设置了宽度还是不会换行,用css解决