CSS中display屬性主要用于控制元素的顯示方式,其取值包括以下常見的幾種:
display: block; display: inline; display: inline-block; display: none;
其中,block
表示將元素呈塊級顯示,即元素會獨占一行,其寬度默認為父級寬度,高度默認為內容高度加上padding和border的高度;
inline
表示將元素呈行內顯示,即元素不會獨占一行,其內容排列在同一行上,不會換行,寬度默認為內容寬度;
inline-block
表示將元素呈行內塊級顯示,即元素不會獨占一行,但可以設置寬高,寬度默認為內容寬度;
none
表示將元素隱藏,不會占據空間。
除了這些常見的取值外,display屬性還有其他的取值,如table
、flex
等,具體可以根據需求選擇適合的取值。