可以替代浮动的inline-block

原创 2015年07月09日 21:42:50

浮动有个缺点:脱离了原来的文档流,导致父容器无高度。使用inline-block不会脱离文档流,且无忘记清空浮动的困扰

并排的div都设置position:inline-block,vertical-align:top,width:xx%(百分比)

正常文档流block、inline、inline-block元素与浮动框之间的位置关系

今天在群里面回答了一个问题: 起初以为是外层元素也浮动的缘故: 又思考了一下,突然想到正常文档流下的块状元素的文本内容会避开浮动元素所处的空间。...
  • Alcantara
  • Alcantara
  • 2017年10月09日 20:39
  • 116

拜拜了,浮动布局-基于display:inline-block的列表布局 张鑫旭博客笔记

by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wordpress/?p=1194 ...
  • sentimental_dog
  • sentimental_dog
  • 2016年08月09日 22:58
  • 1206

inline-block和float应区别对待

参考资料:http://www.w3cplus.com/css/inline-blocks.htmlinline-block和float大战已经持续了一段时间,有的人钟爱float,整个页面都用的是f...
  • sinat_27088253
  • sinat_27088253
  • 2016年05月20日 10:10
  • 670

横向布局中浮动float和inline-block的使用

版权声明:本文为博主原创文章,未经博主允许不得转载。 如果考虑不周之处还请同行朋友指点~~~ 在前端开发过程中CSS横向布局几乎在每个项目中都会所有涉及,这种布局主要有浮动float和inlin...
  • ime33
  • ime33
  • 2017年01月06日 23:15
  • 400

float: left; margin: 0 auto; display:inline-block;三者的之间的纠葛

float: left; margin: 0 auto; display:inline-block;三者的之间的纠葛
  • TestGreeting
  • TestGreeting
  • 2017年03月13日 00:20
  • 676

css中的外边距合并时垂直方向上的普通流相邻元素间

作者:丁小倪 链接:https://www.zhihu.com/question/19823139/answer/13610574 来源:知乎 著作权归作者所有,转载请联系作者获得授权。 ...
  • kbx8916
  • kbx8916
  • 2016年07月20日 22:36
  • 392

CSS 用display:inline-block代替float: left排版注意事项

此处显示新 Div1标签的内容      此处显示新 Div2标签的内容      此处显示新 Div3标签的内容 效果如图: 此处显示新 Div1标签的内容   此处显示新 Div2...
  • tel15277169530
  • tel15277169530
  • 2016年05月30日 11:17
  • 1379

HTML5_表单的补充、浮动框架、谷歌专用标签、高亮标签

1、表单的补充 --------分组控件 例: 2、iframe—-浮动框架 常用于某些区域显...
  • itszt888
  • itszt888
  • 2017年08月04日 16:56
  • 287

html的块级block、内联inline、内联块级inline-block元素基础

概念 块级:block 内联:inline 内联块级:inline-block   在html元素中,元素会有display属性 display属性默认值是bloc...
  • kongxh_1981
  • kongxh_1981
  • 2015年11月21日 23:05
  • 2046

inline-block兼容性问题及解决

IE6、IE7不识别inline-block,但可以触发块元素。 其它主流浏览器均支持inline-block。 ji...
  • dl429
  • dl429
  • 2014年11月13日 13:37
  • 749
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:可以替代浮动的inline-block
举报原因:
原因补充:

(最多只允许输入30个字)