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

Question

要求，a大小填充占整个div1，a中文字上下左右居中，a中文字多少不确定？不知如何解决？hehehehehh.div1{width:300px;height:80px;}.div1a{}

Answer 1

.div1{width:300px;height:80px;background:#eee;position:relative;text-align:center;display:table;}
.div1a{display:table-cell;vertical-align:middle;}
注意兼容性，推荐直接用table标签写
                            

Answer 2

translate-50%
.div1{
width:300px;
height:400px;
background-color:#eee;
position:relative
}
.div1a{
position:absolute;
top:50%;
left:50%;
transform:translate3d(-50%,-50%,0)
}