DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 用CSS把標題超出的部分變成...
用CSS把標題超出的部分變成...
編輯:CSS詳解     

<html> 
<body> 
<style> 
.ellipsis span { 
   white-space:nowrap; 
   text-overflow:ellipsis; /* for internet explorer */ 
   overflow:hidden; 
   width:190px; 
   display:block; 

html>body .ellipsis { 
   clear:both; 

html>body .ellipsis span:after { 
   content: "..."; 

html>body .ellipsis span { 
   max-width:180px; 
   width:auto !important; 
   float:left; 

</style> 
<div class="ellipsis"> 
<span>多特軟件站_中國最快最安全的軟件下載站_六大殺毒軟件檢測</span> 
</div> 
</body>
</html> 

 

這個雖然是個好方法,可以不用程序控制了,而且也方便修改,但缺陷是firefox浏覽器不支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved