码迷,mamicode.com
首页 > 其他好文 > 详细

float流体布局

时间:2016-08-07 20:09:29      阅读:203      评论:0      收藏:0      [点我收藏+]

标签:

1 文字环绕,将标题放在中间:

左边元素:float:left;

右边元素:float:right;

text-align:center;

2.单侧固定:

左侧:width:

        float:

右侧:padding-left/margin-left;

Dom与显示位置匹配的单侧固定布局:

width:100%;float:  ;

padding-left/margin-left;

width+float+margin的值;

3.高级自适应尺寸:

float:

display:table-cell;

display:inline-block;

float流体布局

标签:

原文地址:http://www.cnblogs.com/JQ330-54864/p/5673184.html

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