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:导航元素中的无序列表略微向右偏移[重复]

无序列表不会居中对齐