您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

如何水平居中未知宽度的无序列表?

如何水平居中未知宽度的无序列表?

如果您的列表项可以,解决方display: inline非常简单:

#footer { text-align: center; }
#footer ul { list-style: none; }
#footer ul li { display: inline; }

但是,很多时候您必须display:block在上使用<li>在这种情况下,以下CSS将起作用:

#footer { width: 100%; overflow: hidden; }
#footer ul { list-style: none; position: relative; float: left; display: block; left: 50%; }
#footer ul li { position: relative; float: left; display: block; right: 50%; }
其他 2022/1/1 18:15:33 有536人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶