css让a元素位于li元素正中_html/css_WEB-ITnose

如图,让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生效。

登录后复制123    123

用a{margin:0 auto;}或li{ text-align:center;}均可

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3110121.html

(0)
上一篇 2025年3月29日 10:33:29
下一篇 2025年2月24日 23:19:10

AD推荐 黄金广告位招租... 更多推荐

发表回复

登录后才能评论