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

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

首页div的宽度是一定的。

1. 
   
2. 
   
3. word-break: keep-all;/*这个可以不要*/

   word-wrap: break-word;white-space: nowrap;/*强制不换行，如果没有此行，则当用鼠标滑过的效果时，有可能会出现，因为超出的部分已经漂浮到其他的div上了*/overflow: hidden; /*自动隐藏文字*/

   text-overflow: ellipsis;/*文字隐藏后添加省略号，如果不想用，可以省略此项*/ 

   width: 20em;/*不允许出现半汉字截断*/