sadfasdf(如何使用css3来强制文字转行)
资讯
2023-11-27
377
1. sadfasdf,如何使用css3来强制文字转行?
你好,我是“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前端知识。
本站涵盖的内容、图片、视频等数据系网络收集,部分未能与原作者取得联系。若涉及版权问题,请联系我们删除!联系邮箱:ynstorm@foxmail.com 谢谢支持!
1. sadfasdf,如何使用css3来强制文字转行?
你好,我是“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前端知识。
本站涵盖的内容、图片、视频等数据系网络收集,部分未能与原作者取得联系。若涉及版权问题,请联系我们删除!联系邮箱:ynstorm@foxmail.com 谢谢支持!