【CSS】关于CSS的布局、居中

左右布局、左中右布局

这2个差不多。都是 横向布局，写法：

1. 每个li上加上float
2. li的父元素加上clearfix类

.clearfix::after{
  content:'';
  display:block;
  clear:both;
}

水平居中

1. 行内元素：爸爸加 text-align:center
2. 块级元素+定宽：margin:auto;

3. 块级元素+不定宽：有2种方法：a、把它变成行内元素，设置 display:inline-block，爸爸加 text-align:center。b、让它宽度固定。

垂直居中

1. table
2. flex

实际工作中，这两种足够了，其他方法都是炫技的。

其他小技巧

1. 不到情非得已，千万不要手工给height！
2. 媒体查询功能：如果给 link 标签加 media=“print” 属性，那么它就只给打印提供样式。