如图，让a元素中的文字位于li元素中的框框正中。
我使用了vertical-align: middle;它却只下移了一点点而已。我宽高都设置了。
为a标签设置line-height=li标签的高度
为a设置行高line-height::
vertical-align: middle; 这个你没理解清楚，你要居中，第一种，在外层设置为table-cell类型，并且不能有float:left;的。
第二种，vertical-align这个属性是相对于前一个才居中的，也就是说你要居中要在a标签前面在写一个标签，高度为100%的，才能使后面的vertical-align生效。
<ul> <li style="display:table-cell;border:1px solid #ddd;width:200px;text-align:center; vertical-align:middle; height:50px;"><a href="javascript:void(0);">123</a></li> <li style="display:block; border:1px solid #ddd;width:200px;text-align:center;height:50px;"><span style="display:inline-block;width:0px;height:100%;vertical-align:middle;"></span><a href="javascript:void(0);">123</a></li></ul>
用a{margin:0 auto;}或li{ text-align:center;}均可
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
262
收藏
