溢位的文字隱藏
在css中有三個顯示和隱藏的單詞比較常見，他們分別是 display visibility 和 overflow。
display 設定或檢索物件是否及如何顯示。
display : none 隱藏物件 與它相反的是 display:block 除了轉換為塊級元素之外，同時還有顯示元素的意思。
特點： 隱藏之後，不再保留位置。
設定或檢索是否顯示物件。
visible : 物件可視
hidden : 物件隱藏
特點： 隱藏之後，繼續保留原有位置。（停職留薪）
檢索或設定當物件的內容超過其指定高度及寬度時如何管理內容。
visible : 不剪下內容也不新增滾動條。
auto : 超出自動顯示滾動條，不超出不顯示滾動條
hidden : 不顯示超過物件尺寸的內容，超出的部分隱藏掉
scroll : 不管超出內容否，總是顯示滾動條
white-space設定或檢索物件內文字顯示方式。通常我們使用於強制一行顯示內容
normal : 預設處理方式
nowrap : 強制在同一行內顯示所有文字，直到文字結束或者遭遇br標籤物件才換行。
可以處理中文
text-overflow : clip | ellipsis
設定或檢索是否使用乙個省略標記（…）標示物件內文字的溢位
clip : 不顯示省略標記（…），而是簡單的裁切
ellipsis : 當物件內文字溢位時顯示省略標記（…）
注意一定要首先強制一行內顯示，再次和overflow屬性 搭配使用
CSS元素的顯示與隱藏
我們訪問某些 的時候，經常可以看到一些廣告彈出來，點選關閉就不見了，但是重新重新整理頁面後，廣告又會重新彈出來。這就是元素的顯示和隱藏的乙個應用。display屬性用於設定乙個元素應如何顯示。display隱藏元素後，不再占有原來的位置。visibility屬性用於指定乙個元素應可見還是隱藏。vis...
CSS 小結筆記之元素的隱藏與顯示
在 上經常會有一些需要一定操作才會顯示或隱藏的元素，這時會用到元素的隱藏與顯示。主要通過以下三種屬性實現。1 display none block inline inline block display常用以上四個屬性值，none 是元素隱藏，且不占有位置。block 除了轉換為塊級元素之外，同時還...
CSS 顯示或隱藏子元素
很多時候我們僅僅只是想讓滑鼠移動入某個元素，然後顯示出某個元素。大多數部落格的標題或內容都是 使用css實現滑鼠懸停在一行上，顯示某些元素 很遺憾，這是錯誤的，滑鼠懸停後，儘管css標準中有定義此種方式以顯示出某些元素，但是 這只能顯示出子元素。例子 html端 div class test spa...