码迷,mamicode.com
首页 > Web开发 > 详细

CSS 小技巧

时间:2018-06-17 11:02:55      阅读:162      评论:0      收藏:0      [点我收藏+]

标签:inline   isp   中间   适应   absolute   splay   line   Fix   pos   

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)

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

CSS 小技巧

标签:inline   isp   中间   适应   absolute   splay   line   Fix   pos   

原文地址:https://www.cnblogs.com/xiaoxinwan/p/9191890.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!