CSS 将无序列表居中
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS 将无序列表居中相关的知识,希望对你有一定的参考价值。
.share ul{
display:table;
*display:inline-block;
_display:inline-block;
margin:20px auto 20px;
}
.share li{
display:table-cell;
*display:inline;
_display:inline;
position:relative;
background: #B4EBA2; /* old browsers */
background: -moz-linear-gradient(top, #B4EBA2 0%, #8CCB79 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B4EBA2), color-stop(100%,#8CCB79)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B4EBA2', endColorstr='#8CCB79',GradientType=0 ); /* ie */
padding:23px 22px 21px 21px;
}
.share ul li{
display:block;
}
.share ul li a{
*display:inline;
_display:block;
}
以上是关于CSS 将无序列表居中的主要内容,如果未能解决你的问题,请参考以下文章
css 适应“如何在无序列表或div中垂直和水平居中文本”
将无序列表居中
如何使无序列表居中?
在 DIV 中居中无序列表
HTML / CSS:导航元素中的无序列表略微向右偏移[重复]
无序列表不会居中对齐