對(duì)于網(wǎng)頁(yè)的列表布局，我們經(jīng)常會(huì)遇到需要對(duì)齊的情況，這時(shí)候就需要使用CSS來(lái)設(shè)置。以下是幾種設(shè)置列表對(duì)齊的方式。

/* 首先，我們需要先有一個(gè)無(wú)序列表 */
列表項(xiàng)1
列表項(xiàng)2
列表項(xiàng)3

方式一：使用display屬性，將列表項(xiàng)設(shè)置為inline或inline-block元素。

/* 將列表項(xiàng)設(shè)置為inline元素 */
ul {
list-style-type: none;
}
li {
display: inline;
}

/* 將列表項(xiàng)設(shè)置為inline-block元素 */
ul {
list-style-type: none;
}
li {
display: inline-block;
vertical-align: middle; /* 設(shè)置對(duì)齊方式 */
}

方式二：使用float屬性，將列表項(xiàng)浮動(dòng)。

ul {
list-style-type: none;
}
li {
float: left;
}

方式三：使用flexbox布局，將列表項(xiàng)設(shè)置為flex元素。

ul {
list-style-type: none;
display: flex;
align-items: center; /* 設(shè)置對(duì)齊方式 */
}
li {
flex: 1; /* 設(shè)置彈性伸縮 */
}

以上是三種常用的列表對(duì)齊方式，根據(jù)實(shí)際布局需求選擇合適的方式即可。