CSS 小技巧

Posted 2020-11-18 xiaoxinwan

1.左右布局

首先两个子元素分别(float:left;float:right)，且这两个子元素有相同的父元素，父元素加上类名字(class="clearfix")，用来修复float带来的bug

2.左中右布局

三个子元素都分别(float:left;float:left;float:right)，这三个子元素有相同的父元素。父元素加上类名字(class="clearfix")，分配给他们适应的宽度，给中间的子元素加左外边距(margin-left)

3.水平居中

将块元素改为(display:inline-block)，往它的父元素加上(text-algin:center)

4.垂直居中

如果是块级元素，父元素(position:relative;)，子元素(position:absolute)

暂时还没学会其他的，就这些了。