CSS雜記（一）

       何為雜記，雜記就是我隨便寫寫的，平時看到覺得有用的就記下來

       1、text-overflow     clip | ellipsis 

            當文本溢出時是否顯示“...”  此屬性必須是overflow:hidden下才能使用

            clip:不顯示省略標記（...），而是簡單的裁切
            ellipsis  :當對象內文本溢出時顯示省略標記（...） 

   

ellipsis代碼

<div style=" width:50px; background-color:Silver; text-overflow:ellipsis; overflow:hidden ">
123456789
</div>

 效果：

123456789

 

新發現兩則：

         一、中文無效         

<div style=" width:50px; background-color:Silver; text-overflow:ellipsis; overflow:hidden ">
中文是無效的，不知道為什麼
</div>

 

             

中文是無效的，不知道為什麼

         二、對於inline 對象 會忽視  width屬性被忽略

<label style=" width:50px; background-color:Red">設定了width無效的，無標題頁設定</label>

 

             ：    

設定了width無效的，無標題頁設定

如果碰到不能正常顯示只要加一個display:block 這樣就可以視為區塊層級元素了

 

設定了width無效的，無標題頁設定

       2、clear  該屬性的值指出了不允許有浮動物件的邊

       

該屬性的值指出了不允許有浮動物件的邊。請參閱float屬性。 對應的指令碼特性為clear。none : 允許兩邊都可以有浮動物件both : 不允許有浮動物件left : 不允許左邊有浮動物件right : 不允許右邊有浮動物件