CSS垂直居中
方法1:table-cell
.box1{ display: table-cell; vertical-align: middle; text-align: center; } <div class="box box1"> <span>垂直居中</span> </div>
方法2:display:flex
.box2{
display: flex;
justify-content:center; //横
align-items:Center; //竖
}
方法3:定位
.eleTag{
/*设置元素绝对定位*/
position:absolute;
top 50%;
left: 50%;
/*css3 transform 实现*/
transform: translate(-50%, -50%);
}
相关推荐
hellowzm 2020-10-12
gufudhn 2020-06-12
沈宫新 2020-05-04
/*垂直居中,div上边界距离窗口上边的距离为窗口高度的50%,并针对不同浏览器进行兼容。-- 在外层添加一个div,把行内容居中,添加.row .justify-content-center -->
Phoebe的学习天地 2020-04-14
STPace 2020-02-17
liusure0 2020-01-11
wangjie 2020-01-12
zuncle 2019-12-30
jiedinghui 2019-12-23
libowen0 2014-05-30
Simagle 2015-05-27
cssuperman 2018-04-01
ThikHome 2019-07-01
Phoebe的学习天地 2019-07-01
Phoebe的学习天地 2019-07-01
hjfbluesky 2019-07-01
王为仁 2019-07-01