通过css解决html中英文字符溢出

来源:互联网 发布:知乎电力系统仿真书籍 编辑:程序博客网 时间:2024/05/20 05:57

加上li a {display: block;width: 168px;overflow: hidden;/*不能写在最后*/white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}

测试代码如下

<html><head><title>blog</title><meta http-equiv=content-type content="text/html; charset=gb2312"><style><style type="text/css">li{width:95%;margin:0 auto; height:22px;line-height:22px; }li a {display: block;width: 168px;overflow: hidden;/*不能写在最后*/white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}</style><div style="width:300px; padding:5px;"><ul><li><a href="#"><span>fasfdsafdsafdafdsafdsafdsafdsa</span></a></li><li><a href="#">发大水发大水范德萨范德萨范德萨范德萨</a></li></ul></div></body></html>


原创粉丝点击