博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
让ul中的li居中显示
阅读量:6841 次
发布时间:2019-06-26

本文共 585 字,大约阅读时间需要 1 分钟。

利用ul的text-align:center属性:

设置ul的display:table,text-align:center。

注:1.这里必须用display:table属性。

       2.不可以设置ul的宽。

下面是一段代码:

 

1 #nav { 2             height: 30px; 3             position: relative; 4             bottom: 20px; 5             display: table; 6             margin: 0 auto; 7             text-align: center; 8         } 9 #nav li{10             width: 5px;11             height: 5px;12             border-radius: 50%;13             margin-left: 3px;14             border: 3px solid #999999;15             float: left;16 17         }

 

转载于:https://www.cnblogs.com/miaoxiaojiao/p/8336876.html

你可能感兴趣的文章
Linux定时任务
查看>>
Eclipse安装SVN最新版插件
查看>>
Windows日志及其保护
查看>>
linux learning site
查看>>
学生成绩管理网站之——课程视频分享实现
查看>>
第拾壹章學習 Lisp 3rd Edition, Winston & Horn
查看>>
在RecyclerView的子布局中使用EditText在数据滚动后消失
查看>>
手动安装oracle软件 删软件
查看>>
快速排序
查看>>
20130410 现阶段的学习状况
查看>>
我的友情链接
查看>>
归纳整理--第2篇--QQ好友
查看>>
Nodejs学习
查看>>
十步优化SQL Server中的数据访问
查看>>
ActivityGroup是如何对嵌入的Activitys进行管理的
查看>>
@ResponseBody 乱码
查看>>
ATM 机思维导图
查看>>
我的友情链接
查看>>
Qt5: SpringAnimation
查看>>
ASP.NET Web API Model-ModelBinder
查看>>