记性不行隔几天拿出来看一眼
-
line-height方法
适合单行文字的垂直居中，只需要将包含文字元素的容器行高设置为大于字体大小并且等于元素的高度
Paste_Image.png
img图片也可以用
line-height垂直居中包含图片的父元素设置
line-height,img设为verticla-align: middle。
Paste_Image.png
-
vertical-aligh方法
vertical-align:middle这个属性是对table元素垂直居中起作用。他只对table-cell和行内元素起作用，vertical-aligh的值相对于其父元素。也就是说父元素也必须是行内元素。
Paste_Image.png
同样还有将父元素转化为table属性结合上文实现垂直居中
Paste_Image.png
-
绝对定位
父容器宽高不固定，子元素需要在父亲内容绝对居中的时候，可以用绝对定位+负边框。
Paste_Image.png
-
padding方法
设置上下padding相等实现垂直居中，但是父容器不能设置高度
Paste_Image.png
网友评论