div 溢出隱藏 div文字溢出用點(省略號)代替

在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

相關文章
相關標籤/搜索