首页 > 其他 > 详细

垂直居中几种方式?

时间:2020-03-30 21:39:51      阅读:66      评论:0      收藏:0      [点我收藏+]

1. 单行文本: line-height :23px(盒子高度的一半)。


2.图片: vertical-align: middle;(图片后面的文字)。


3. 定位:position: absolute:    top: 50%;left: 50%;     transform: translate(-50%, -50%);    

4. flex: display:flex;  justify-content:center ;  ( 就是通过给父盒子添加flex属性,来控制子盒子的位置和排列方式 );

垂直居中几种方式?

原文:https://www.cnblogs.com/Rivend/p/12600845.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!