如何居中對(duì)齊水平<UL>菜單？我需要居中對(duì)齊水平菜單。我已經(jīng)嘗試了各種解決方案，包括混合inline-block/ block/ center-align等，但都沒(méi)有成功。這是我的代碼：<div class="topmenu-design">
<!-- Top menu content: START -->
<ul id="topmenu firstlevel">
<li class="firstli" id="node_id_64"><div><a href="#"><span>Om kampanjen</span></a></div></li>
<li id="node_id_65"><div><a href="#"><span>Fakta om inneklima</span></a></div></li>
<li class="lastli" id="node_id_66"><div><a href="#"><span>Statistikk</span></a></div></li>
</ul>
<!-- Top menu content: END --></div>UPDATE我知道如何居中對(duì)齊ul內(nèi)div。這可以使用Sarfraz的建議來(lái)完成。但是列表項(xiàng)目仍然在內(nèi)部浮動(dòng)ul。我需要Javascript來(lái)完成這個(gè)嗎？
3 回答
陪伴而非守候
TA貢獻(xiàn)1757條經(jīng)驗(yàn) 獲得超8個(gè)贊
使用CSS3 flexbox。簡(jiǎn)單。
ul {
display: flex;
justify-content: center;
}
ul li {
padding: 0 8px;
}添加回答
舉報(bào)
0/150
提交
取消