案例:
<div id="box">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
</div>
*{
margin: 0;
padding: 0;
}
#box{
text-align: center; /*文字居中*/
margin-top: 100px;
}
li{
display: inline-block; /*一行排列*/
width: 20px;
height: 20px;
border: 1px solid #000;
text-align: center;
cursor: pointer; /*变手型*/
}
大的div设置文字居中text-align:center;里面的li设置display:inline-block;