在CSS中,display是非常重要的一個屬性,它決定了一個元素在文檔流中如何顯示。
div { display: block; /* 默認值,元素獨占一行 */ } span { display: inline; /* 元素在同一行內顯示 */ } button { display: inline-block; /* 元素在同一行內顯示,并保持寬高 */ } table { display: table; /* 像table一樣顯示 */ } ul { display: list-item; /* 像li一樣顯示 */ } img { display: none; /* 隱藏元素 */ }
除了以上常用的值以外,display還有很多其他的值,比如flex、grid、inherit、unset等,它們可以幫助我們更好地實現布局和樣式。
需要注意的是,使用display屬性時應注意它的兼容性,盡量避免使用不被某些瀏覽器支持的屬性值,否則可能會導致頁面布局失效。