怎么设置a标签的垂直居中

2025-10-20 15:21:22

1、先解决第一个,a 标签内容在 a 标签的居中

先给 a 标签设置 宽 高,再用display :block 或者 inline-block 使之变成 块 元素,这样,a 标签的 宽 高 才能生效。

怎么设置a标签的垂直居中

怎么设置a标签的垂直居中

2、接下来,让文字水平居中,垂直居中。

/* 文字水平居中 */

text-align: center;

/* 文字垂直居中 */

line-height: 100px;  即是 a 标签的高度

怎么设置a标签的垂直居中

怎么设置a标签的垂直居中

3、现在处理第 2 种:a 标签在其它标签中的居中

同样的,只要把 宽 高 给到对应的父标签中即可

怎么设置a标签的垂直居中

怎么设置a标签的垂直居中

4、完成,结束

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢