在網(wǎng)頁(yè)設(shè)計(jì)中，我們經(jīng)常需要將一些項(xiàng)目做水平顯示，比如導(dǎo)航菜單或列表等等。而CSS提供了多種方式來實(shí)現(xiàn)這一功能。

首先，我們可以使用float屬性來實(shí)現(xiàn)水平顯示。將每個(gè)項(xiàng)目的float屬性設(shè)置為left或right，就可以讓它們按照橫向排列。如下所示：

.item {
float: left;
}

除此之外，我們還可以使用display屬性來實(shí)現(xiàn)水平顯示。將每個(gè)項(xiàng)目的display屬性設(shè)置為inline或inline-block，也可以讓它們按照橫向排列。如下所示：

.item {
display: inline-block;
}

另外，CSS3還引入了flex布局，提供了一種更加靈活的方式來實(shí)現(xiàn)水平顯示。將父元素的display屬性設(shè)置為flex，再將每個(gè)子元素排列方式設(shè)置為水平排列即可。如下所示：

.container {
display: flex;
flex-direction: row;
}
.item {
flex: 1;
}

以上三種方式，均可以實(shí)現(xiàn)水平顯示各個(gè)項(xiàng)目的效果。開發(fā)者可以根據(jù)具體需求，選擇合適的方式來實(shí)現(xiàn)。同時(shí)，也需要注意瀏覽器兼容性等方面的問題。