好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

css中要求文字必须是一行,超出部分自动隐藏的问题_html/css_WEB-ITnose

问题:客户要求文字必须是一行,超出部分自动隐藏。而现在没有办法在php里控制截取字数,只能在前端css里处理。

首页div的宽度是一定的。

处理办法为:



word-break: keep-all;/*这个可以不要*/
word-wrap: break-word;white-space: nowrap; /*强制不换行,如果没有此行,则当用鼠标滑过的效果时,有可能会出现,因为超出的部分已经漂浮到其他的div上了*/ overflow: hidden;  /*自动隐藏文字*/  
  text-overflow: ellipsis;/*文字隐藏后添加省略号,如果不想用,可以省略此项*/    
   width: 20em;/*不允许出现半汉字截断*/    

查看更多关于css中要求文字必须是一行,超出部分自动隐藏的问题_html/css_WEB-ITnose的详细内容...

  阅读:25次