CSS中的ul li列表是非常常見的,尤其是在網頁導航欄與菜單中。當需要讓ul li列表居中時,我們可以通過使用CSS樣式實現。
ul{ text-align:center; } li{ display:inline-block; }
上述CSS代碼中,我們將ul元素的文本對齊方式設置為居中,然后將li元素的display屬性設置為inline-block,使其水平排列。這樣就可以讓ul li列表在容器中居中了。
需要注意的是,如果ul li列表寬度過大,可能會導致單列居中的效果不行,并且當ul寬度小于li寬度時,居中效果就不會生效。這時需要使用更復雜的技術來實現,比如使用flexbox或者CSS Grid布局。
上一篇HTML的網頁制作代碼