ul元素在父元素没有设定宽度的情况下水平居中

CSS Aug 10, 2016

如果li标签要浮动使用下面的方法

如果父元素没有设定宽度,那么给ul设margin: 0 auto;是没有用的,所以可以按照下面的方法搞:

<head>
<style>
.one{
   text-align: center;
}
.one li{
   list-style-type: none;
   display: inline-block;
   margin-right: 10px;
}
</style>
</head>
<body>
	<div class="one">
		<ul>
			<li>demo</li>
			<li>demo</li>
			<li>demo</li>
			<li>demo</li>
			<li>demo</li>
		</ul>
	</div>
</body>

li标签的浮动用display:inline-block;就行了。