CSS設置li居中對齊需要使用text-align和display屬性。
ul { text-align: center; display: flex; flex-direction: row; flex-wrap: wrap; } li { margin: 10px; }
以上代碼將ul元素的文本居中對齊,并使用flex布局將li元素水平排列。
如果使用傳統的文本對齊,需要將每個li元素設置為inline-block,并設置其父元素text-align為center。
ul { text-align: center; } li { display: inline-block; margin: 10px; }
以上代碼將每個li元素設置為inline-block,使其可以水平排列,而將ul元素的文本居中對齊。
上一篇css設置td內容居中
下一篇css設置li為多列