0
点赞
收藏
分享

微信扫一扫

纯CSS实现垂直水平居中

infgrad 2022-05-30 阅读 120

html结构:


垂直水平居中

CSS:

.box1{
display: table-cell;
vertical-align: middle;
text-align: center;
}

 

 

 

方法1:display:flex

.box1{
display: flex;
justify-content:center;
align-items:Center;
}

 

方法2:table-cell

.box1{
display: table-cell;
vertical-align: middle;
text-align: center;
}

 

 

 

 

 

效果图:

纯CSS实现垂直水平居中_html


举报

相关推荐

0 条评论