今天我們來聊一下CSS中如何將ul標簽居中顯示。
首先,我們需要設置ul標簽的寬度。這可以通過為ul標簽設置固定寬度或者百分比寬度來實現。
```html
<ul style="width: 80%"> <li>item1</li> <li>item2</li> <li>item3</li> </ul>``` 接下來,我們需要使用margin屬性將ul標簽水平居中。我們可以將左右margin設置為auto來實現。 ```css
ul { width: 80%; margin: 0 auto; }``` 如果ul標簽中的每個li元素也需要居中顯示,我們可以為li元素設置text-align屬性為center。 ```css
ul { width: 80%; margin: 0 auto; } li { text-align: center; }``` 至此,我們已經成功地將ul標簽及其中的li元素水平居中顯示了。 注意:ul標簽默認具有padding和margin,我們需要將它們設置為0來避免居中后的偏差。
上一篇html滿屋花代碼
下一篇css 寬度依據高度設置