建站常识

CSS 文字过长隐藏的方法

发布时间 | 2014/7/12  点击 | 

<style type="text/css">
.list ul{margin-left:5px;margin-top:1px;padding:0px;width: 275px;}
.list li{overflow:hidden;white-space: nowrap; width:200px; text-overflow:ellipsis;padding-left:10px;font-size:14px;height:25px;}
</STYLE>
<div class="list">
 <ul>
  <li><a href="http://www.chinadrpizza.com">比萨培训_比萨加盟_披萨加盟培训班_必胜客比萨加盟_米斯特比萨_达美乐比萨_棒约翰比萨_比萨面团配方</a></li>
  <li style="text-overflow:ellipsis">比萨培训_比萨加盟_披萨加盟培训班_必胜客比萨加盟_米斯特比萨_达美乐比萨</li>
  <li>披萨加盟培训班_必胜客比萨加盟_米斯特比萨_达美乐比萨_棒约翰比萨</li>
 </ul>
</div>

相关信息