[筆記] CSS ul li 水平置中方法

章節連結

若在前端網頁設計中,使用了 <li> 來製作水平選單時,有機會遇到無法水平置中的問題。這邊收集了兩種方法來解決。
(P.S. 若是要水平左右端,運用 float:left; float: right; 即可)
css3 logo


程式碼示範

方法一:浮動兩次再調整相對位置

方法二:text-align + inline-block

方法三:display:table + margin

 

按讚加入粉絲團

延伸閱讀

GA瀏覽人氣:376