CSS中的display屬性是一個十分重要的屬性，它控制著HTML元素在頁面中的顯示方式。display屬性的取值可以是很多種，下面我將對其中一些比較常見的取值進行介紹。

/* display: block */
/* 將元素轉(zhuǎn)化為塊級元素，使其在頁面上從上到下依次排列 */
.block {
display: block;
}

上述代碼中的display屬性取值為block，它會將元素轉(zhuǎn)化為塊級元素，使其在頁面上從上到下依次排列。與之相對的是行內(nèi)元素，它們不會獨占一行，而是會與前后元素共用一行空間。下面是一個display為inline的代碼示例：

/* display: inline */
/* 將元素轉(zhuǎn)化為行內(nèi)元素，使其與前后元素共用一行空間 */
.inline {
display: inline;
}

如果希望元素既能夠獨占一行，又不會像塊級元素一樣占滿整個頁面寬度，可以采用display為inline-block的方式：

/* display: inline-block */
/* 將元素既轉(zhuǎn)化為塊級元素，又不會像塊級元素一樣占滿整個頁面寬度 */
.inline-block {
display: inline-block;
}

除了以上介紹的三種取值，display屬性還有很多其他取值可供選擇，如table、flex等。不同取值的display屬性將會對元素的外觀和布局產(chǎn)生不同的影響。因此，了解并熟練使用display屬性是CSS入門的必備知識之一。