开发者社区> 问答> 正文

怎样使一个div中a标签的文字不管传入多少都上下左右居中?

要求,a大小填充占整个div1,a中文字上下左右居中,a中文字多少不确定?
不知如何解决?

<div class="div1">
<a herf="xxxx">hehehehehh</a>
</div>

.div1{
width:300px;
height:80px;
}
.div1 a{

}

展开
收起
杨冬芳 2016-06-03 18:27:27 2472 0
1 条回答
写回答
取消 提交回答
  • IT从业
    .div1{ width:300px;height:80px; background:#eee; position:relative; text-align: center;display:table; }
    .div1 a{ display:table-cell; vertical-align:middle; }

    注意兼容性,推荐直接用 table 标签写

    2019-07-17 19:27:02
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载