CSS規(guī)則讓列表水平排列非常簡(jiǎn)單。我們首先需要設(shè)置父元素（通常是一個(gè)

標(biāo)簽）的display屬性為flex。這樣，所有子元素都變?yōu)榱藦椥皂?xiàng)目，可以利用彈性盒模型輕松布局。

接下來(lái)，我們需要設(shè)置彈性項(xiàng)目的方向。使用flex-direction屬性可以控制子元素的水平或垂直排列。如果我們要讓列表水平排列，我們可以設(shè)置flex-direction:row;

最后，我們可以使用justify-content屬性來(lái)控制水平排列的對(duì)齊方式。可以選擇讓子元素居中、靠左或靠右等等。例如， justify-content:center;可以讓所有子元素在中間居中對(duì)齊。

ul {
display:flex;
flex-direction:row;
justify-content:center;
}

以上就是讓列表水平排列的CSS規(guī)則的簡(jiǎn)單示例。使用flex布局，我們可以輕松地實(shí)現(xiàn)復(fù)雜的布局方案，而且更易于 responsive design 的實(shí)現(xiàn)。學(xué)好 CSS 和彈性盒模型，你將擁有更大的創(chuàng)作空間和更多出色的作品！