代码规范一

元素的水平居中:

(1)行内元素居中

给父元素添加text-align: center;

(2)确定宽度的块级元素的居中

给该元素的margin-left:auto;margin-right:auto;

(3)不确定宽度的块级元素的居中

给父元素添加浮动float,设置父元素的position:relative;和left:50%;子元素设置position:relative;left:-50%;

元素的竖直居中:

(1)父元素的高度不确定,进行文本、图片和块级元素居中;

给父元素的容器添加相同的上下边距(margin-top 和margin-bottom);

(2)父元素高度确定的单行文本的竖直居中

给父元素添加line-height;这个属性值,line=height的值和父元素的高度值相等;

(3)父元素的高度确定的多行文本、图片的块级元素的竖直居中

使用table的vertical-align这个属性,可以设置为竖直居中;

发布了81 篇原创文章 · 获赞 62 · 访问量 7万+

猜你喜欢

转载自blog.csdn.net/qq_38021852/article/details/83929134