CSS 小技巧

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)

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

猜你喜欢

转载自www.cnblogs.com/xiaoxinwan/p/9191890.html