當我們需要把一個無序列表（ul）橫著排列時，可以利用CSS中的flex布局來實現。
首先，我們需要將ul的顯示方式設置為flex，并且設置flex-direction屬性為row（橫向排列），代碼如下：
```css
ul {
display: flex;
flex-direction: row;
}
```
接下來，我們需要設置li的寬度，使其橫向排列時能夠整齊對齊。如果我們想讓每個li的寬度相同，則可以使用flex-basis屬性，將它設置為0，并且設置flex-grow屬性為1（表示在剩余的空間中平均分配），代碼如下：
```css
ul li {
flex-basis: 0;
flex-grow: 1;
}
```
如果我們想讓某些li的寬度不同，則可以利用flex屬性，設置每個li的寬度比例。例如，如果我們想讓第一個li的寬度占據整個ul的一半，第二個li的寬度占據整個ul的四分之一，第三個li的寬度占據整個ul的四分之一，則代碼如下：
```css
ul li:first-child {
flex: 1;
}
ul li:nth-child(2) {
flex: 0.5;
}
ul li:nth-child(3) {
flex: 0.5;
}
```
最后，我們需要注意一點，由于ul本身是一個塊級元素，所以如果我們要將ul橫向排列，需要將它的寬度設置為100%。
完整的代碼示例如下：
```html橫向排列列表
- 列表項1
- 列表項2
- 列表項3
下一篇css中怎么插地圖