div 溢出隐藏 div文字溢出用点(省略号)代替

时间 2019-11-12

标签 div 溢出隐藏文字省略号代替栏目 CSS 繁體版

原文原文链接

在div布局中内容溢出了容器，超出了容器所限定的宽度应该怎么办呢？非常疑惑，因而搜集整理一番，发现可让内容超出容器时超出部分显示省略号，这种作法不只解决了问题，并且很美观，好了，很少说了，有兴趣的朋友能够参考下

<!DOCTYPE html>
<title>div中溢出文字用点代替的代码</title>
<style type="text/css">
li {
width:200px;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
overflow: hidden;
}
</style>
</head>
<body>
<ul>
<li><a href="#">web标准常见问题大全web标准常见问题大全</a></li>
<li><a href="#">web标准常见问题大全web标准常见问题大全</a></li>
<li><a href="#">web标准常见问题大全web标准常见问题大全</a></li>
<li><a href="#">web标准常见问题大全web标准常见问题大全</a></li>
<li><a href="#">web标准常见问题大全web标准常见问题大全</a></li>
</body>
</html>
[/html]css