CSS樣式屬性十分豐富多樣,其中最基礎也是最重要的屬性是display屬性。
display屬性用來控制元素的顯示方式,具體的使用方法如下:
selector{ display:value; }
其中,selector代表需要設置樣式的元素,value是需要設置的display值。下面列舉了常見幾種value值的含義:
block: 塊級元素。此屬性值讓元素生成一個塊級元素,并占據父容器的整個寬度。塊級元素會默認換行,因此適用于需要獨占一行的元素(例如標題、段落等)。
inline: 行內元素。此屬性值讓元素都在一行上排列,并根據內容的長度自適應寬度。行內元素不會獨占一行,因此適用于嵌套在文本中的元素(例如超鏈接、強調等)。
inline-block: 行內塊級元素。此屬性值將元素生成一個塊級元素,但是會將元素放置在同一行上,并根據內容的長度自適應寬度。適用于需要獨占一行,但是又需要與其他行內元素排列在一行的元素。
none: 隱藏元素。此屬性值將元素隱藏,并不占用頁面空間。
通過display屬性,不僅可以控制元素的顯示方式,還可以控制元素在布局中的占用情況,對于頁面布局非常重要。
上一篇為多個id添加css樣式
下一篇主軸轉速css和brm