css中要求文字必须是一行,超出部分自动隐藏的问题_html/css_WEB-ITnose
程序员文章站
2022-03-29 10:34:11
...
问题:客户要求文字必须是一行,超出部分自动隐藏。而现在没有办法在php里控制截取字数,只能在前端css里处理。
首页div的宽度是一定的。
处理办法为:-
-
- word-break: keep-all;/*这个可以不要*/
word-wrap: break-word;white-space: nowrap;/*强制不换行,如果没有此行,则当用鼠标滑过的效果时,有可能会出现,因为超出的部分已经漂浮到其他的div上了*/overflow: hidden; /*自动隐藏文字*/
text-overflow: ellipsis;/*文字隐藏后添加省略号,如果不想用,可以省略此项*/
width: 20em;/*不允许出现半汉字截断*/