CSS布局——链接⽂字⽔平居中垂直居中 Html代码
<div class="div1">
<a>11111111</a>
</div>
CSS代码
.div1{
margin-top: 25vh;
margin-left: 25vw;
width: 800px;
height: 600px;
background-color: antiquewhite;
}
.div1 a{
display: block;
width: 200px;
height: 80px;
css设置文字垂直居中background-color: aqua;
display: flex;
justify-content: center;
align-items: center;
}
图⽚效果:
重点:
display: flex;
justify-content: center; align-items: center;
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论