多语言展示
当前在线:901今日阅读:60今日分享:41

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

关于 a 标签的垂直居中,可以理解为两种:1、a 标签内容在 a 标签的居中2、a 标签在其它标签中的居中
工具/原料

HBuilderX

方法/步骤
1

先解决第一个,a 标签内容在 a 标签的居中先给 a 标签设置 宽 高,再用display :block 或者 inline-block 使之变成 块 元素,这样,a 标签的 宽 高 才能生效。

2

接下来,让文字水平居中,垂直居中。/* 文字水平居中 */ text-align: center; /* 文字垂直居中 */ line-height: 100px;  即是 a 标签的高度

3

现在处理第 2 种:a 标签在其它标签中的居中同样的,只要把 宽 高 给到对应的父标签中即可

4

完成,结束

注意事项

类似 a span 这种标签,直接给宽 高,是不能直接生效的,需要给出对应的 display 属性: block 或 inline-block 使之成为块元素之后,才能生效。

推荐信息