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

最新推荐文章于 2021-08-24 13:08:43 发布

luckdog_hot

最新推荐文章于 2021-08-24 13:08:43 发布

阅读量1.8k

点赞数

文章标签： html css 测试

加上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>