你除了要定宽度,还要加上这2个属性其中之一,就可以实现换行了。
1. word-break:break-all;只对英文起作用,以字母作为换行依据
2. word-wrap:break-word; 只对英文起作用,以单词作为换行依据
(考虑到合理性,可优先使用第二个css属性。)
出现此问题是因为系统默认一段不含空格的字母(数字)串为一个单词,系统默认不会从一个单词中间断行,所以溢出了div,设置了上述换行属性亦可解决此问题。
相关文章:
- 解决英文字符串不换行问题 2022-12-23
- span 文本内容超过宽度自动换行 2021-11-17
- 固定宽度文字换行 2022-02-20
- CSS------当内容超出div宽度后自动换行和限制文字不超出div宽度和高度 2022-12-23
- td内容自动换行 ,td超过宽度显示点点点… , td 使用 overflow:hidden 无效,英文 数字 不换行 撑破div容器 2021-11-02
- 【css】固定宽度文字换行 2021-07-20
- div内文字超出换行问题 2021-10-19