总结css垂直居中的几种方式,实用
2017-02-10 本文已影响0人
ZHI秋
1.很实用,父元素相对定位,子元素绝对定位
![](https://img.haomeiwen.com/i3344528/e8f7107f4c4adb66.jpeg)
2.父元素相对定位,子元素绝对定位,利用margin。
/*设定水平和垂直偏移父元素的50%,再根据实际长度将子元素上左挪回一半大小*/
![](https://img.haomeiwen.com/i3344528/d83bb21387e408d1.jpeg)
3.利用vertical-align:middle;属性
![](https://img.haomeiwen.com/i3344528/f1601ff3bbcd3285.jpeg)
4.利用justify-content:center;
![](https://img.haomeiwen.com/i3344528/b1270fda3170074d.jpeg)
2.父元素相对定位,子元素绝对定位,利用margin。
/*设定水平和垂直偏移父元素的50%,再根据实际长度将子元素上左挪回一半大小*/
3.利用vertical-align:middle;属性
4.利用justify-content:center;