开发者社区 问答 正文

怎样使一个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 2549 分享 版权
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
    赞同 展开评论
问答地址: