你好,偶是“web秀-提供专业的web前端技术知识”。
文字不换行,导致的原因有几种:
1、你输入的是英文字符串,连续的没有空格等(aaaaaaaaaaaadfsadfacdadfsadfasdfsadfsad23423fsdfsadfsadf)
2、设置样式了(white-space: nowrap;)
强制换行css样式是:
自动换行
div{
word-wrap: break-word;
word-break: normal;
}
强制英文单词断行
div{
word-break:break-all;
}
或者超出部分用省略号
div{
display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis
}
喜欢偶的点击关注哦,为大家提供专业的web前端知识。