今天先介绍一下定位居中和外边距居中方法,改天再说flex居中和grid居中吧。
1.块级元素水平居中(相对于父元素);
设置水平方向外边距为auto就能实现元素水平居中;
2.文本内容垂直居中
设置文本元素的高度和行高一致就能实现文本内容垂直居中;
3.块级元素水平垂直居中(相对于父元素)
绝对定位负边距法,同样适用水平居中
首先需要设置父级元素position属性;相对定位即可;然后在给子元素添加属性top值为50%;margin-top值为子元素高度负的一半;
同时left值为50%;margin-left值为子元素宽度负的一半;
网友评论