常见的两种方式
1 flex布局
给父元素加上 display：flex; align-items: center; 就行了
2 盒子布局
1 给自身加上 position:realitive;
2 top:50%;
3 margin-top: 负的自身高度的一半
4 如果自身高度不确定，可以使用 transform: translateY(-50%)
常见的两种方式
1 flex布局
给父元素加上 display：flex; align-items: center; 就行了
2 盒子布局
1 给自身加上 position:realitive;
2 top:50%;
3 margin-top: 负的自身高度的一半
4 如果自身高度不确定，可以使用 transform: translateY(-50%)
水平居中 垂直居中 水平垂直居中
1 水平居中 2 垂直居中 3 水平垂直居中
本文将介绍的居中方法有 ，水平居中，垂直居中和水平垂直居中。 一水平居中 二水平垂直居中
水平居中 垂直居中 垂直水平居中 已知元素的宽高的居中布局 定位居中布局 盒模型居中布局 图片的垂直水平居中(利用...
CSS水平居中、垂直居中、水平垂直居中方法总结 文字的水平居中: 单行文字的垂直居中： 让有宽度的div水平居中：...
文字的垂直居中 元素的垂直居中
常见的两种方式 1 flex布局 给父元素加上 display：flex; align-items: ce...
css图片水平居中 css图片垂直居中 css图片水平垂直居中
行内元素居中[#hang]垂直居中[#hc]水平居中[#hs] 块级元素居中[#kuai]垂直居中[#kc]水平居...
前端经典css面试题：如何让一个div垂直水平居中 方法1：flex布局 .father{ displ...
本文标题：【面试题】垂直居中
本文链接：https://www.haomeiwen.com/subject/yigpvhtx.html
网友评论