li中a如何居中显示

Question

html 中，给li标签设置固定的高宽值，如何使li内嵌的a标签居中。

<ul class="sale-size">
    <li><a href="#">XS</a></li>
    <li><a href="#">S</a></li>
    <li><a href="#">M</a></li>
    <li><a href="#">L</a></li>
    <li><a href="#">XL</a></li>
</ul>

Answer 1

赞同楼上，但还是做个补充吧，也就是 不必为li设置高度，直接给a标签设置line-height为所需要的高度即可。
我们常有观念是 “高度等于行高”，但是因为inline元素line-height本身就是指它占据的高度，无需再为父元素设置高度，而且其天然属性可以达到“垂直居中”的效果
http://www.zhangxinxu.com/wor...

Answer 2

水平居中，设置 li 的 text-align: center
垂直居中，设置 a 的 line-height 与 li 的高度一样。

https://jsfiddle.net/2g2j9q5f/

Answer 3

水平设置text-align：center
垂直设置line-height 与父元素的height一样

Answer 4

.sale-size{
height:30px;

a{
    line-height:30px;
    text-align:center;
}

}