a标签 垂直居中 撑满元素

2022-05-24  乐帮网

css

想使用A 标签内的文字垂直居中时,必须设置a标签的display为 block才可以实现。同时设置高度和宽度。示例代码如下:

<style type="text/css">
.div{
    width: 100px;
    height: 60px;
background-color: green;
}
.demoa{
display: block; 
    width: 100px;
    height: 60px;
    line-height: 60px;
    text-align: center;
}
</style>

<div class="div">
<a class="demoa" href="https://lebang2020.cn" target ="_blank">乐帮网首页</a>
</div>

 

 

 

 

 

公众号二维码

关注我的微信公众号
在公众号里留言交流
投稿邮箱:1052839972@qq.com

庭院深深深几许?杨柳堆烟,帘幕无重数。
玉勒雕鞍游冶处,楼高不见章台路。
雨横风狂三月暮。门掩黄昏,无计留春住。
泪眼问花花不语,乱红飞过秋千去。

欧阳修

付款二维码

如果感觉对您有帮助
欢迎向作者提供捐赠
这将是创作的最大动力