CSS布局
2019-01-21 本文已影响0人
longqinusi
常用布局:
左右布局:
左右布局又称为两栏布局,一栏作为主体,可自适应,另一栏则做其他部分。
float方法:
float方法:1.给需要浮动的元素添加float:left。
2.给这些元素的父元素添加clearfix的类,并利用伪类清除浮动。
左中右布局:
使用两边float和中间absolute:
元素的水平居中:
垂直居中:
通过display:flex来实现垂直居中;
左右布局:
左右布局又称为两栏布局,一栏作为主体,可自适应,另一栏则做其他部分。
float方法:
float方法:1.给需要浮动的元素添加float:left。
2.给这些元素的父元素添加clearfix的类,并利用伪类清除浮动。
左中右布局:
使用两边float和中间absolute:
元素的水平居中:
垂直居中:
通过display:flex来实现垂直居中;