<!DOCTYPE html><html>?<head>??<meta charset="UTF-8">??<title></title>??<style>???*{????margin:0 auto;????padding: 0;???}???body{???????width:1000px;????text-align: center;???}???ul{????overflow:auto;????display: block;???????}???ul li{????float:left????list-style: none;???????}??</style>?</head>?<body>??<button></button>??<button></button>??<button></button>??<ul>???<li>新聞</li>???<li>娛樂</li>???<li>體育</li>???<li>電影</li>???<li>音樂</li>???<li>旅游</li>?????</ul>?</body></html>當把li設為float后ul不能居中
3 回答
業(yè)余奶茶品鑒師
TA貢獻260條經(jīng)驗 獲得超388個贊
可以把 ul 的display: block;改成display:?flex;，整個導航欄就能居中了。
也可以 把 li 的float：left；換成 display:?inline; 導航欄也可以居中。
text-align 只對行內元素起作用。
添加回答
舉報
0/150
提交
取消