写css样式时,经常会遇到文字或box盒子居中问题,当文字在一个盒子内,居中用text-align:center就可以了,
但是,把文字分别在不同盒子里呢?
我的办法是,html结构如下:
<ul>
<li>1</li>
<li>2</li>
</ul>
css样式可以这样:
ul{
text-align:center;
}
ul li{
display:inline-block;
text-align:center;
}
<li>1</li>
写css样式时,经常会遇到文字或box盒子居中问题,当文字在一个盒子内,居中用text-align:center就可以了,
但是,把文字分别在不同盒子里呢?
我的办法是,html结构如下:
<ul>
<li>1</li>
<li>2</li>
</ul>
css样式可以这样:
ul{
text-align:center;
}
ul li{
display:inline-block;
text-align:center;
}
<li>1</li>