歡迎大家在這裡學習div文字溢出省略號代替的方法!這裡是我們給大家整理出來的精彩內容。我相信,這些問題也肯定是很多朋友在關心的,所以我就給大家談談這個!在div布局中內容溢出了容器,超出了容器所限定的寬度應該怎麼辦呢?很是疑惑,於是搜集整理一番,發現可以讓內容超出容器時超出部分顯示省略號,
[html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
<html xmlns"
<head profile
<meta http-equiv="content-language" content="zh-cn" />
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<title>div中溢出文字用點代替的代碼</title>
<style type="text/css">
/*<![CDATA[*/
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]
好了,div文字溢出省略號代替的方法內容就給大家介紹到這裡了。希望大家繼續關注我們的網站!
相關推薦:
如何讓div旋轉一定的角度呢