浮动与display:inline-block

作者: meltra | 来源:发表于2017-04-09 18:32 被阅读0次

显示方式

inline-block(上) 与 float(下)

inline-block 默认为行内块级元素，所以之间会有缝隙。

对齐方式

inline-block(上) 与 float(下)

inline-block 没有脱离文档流，所以和正常的文档流一样采取底端对齐的方式
float 元素脱离了普通文档流的限制，只考虑某个方向的浮动。

display:inline-block可以通过一个: vertical-align 来控制两个元素的对齐方式

为两个div都添加middle

7、浮动样式与BFC常见方法
display:inline-block; // 内联块 float：浮动 BFC：就是清浮动，用来处理元素脱离...
代码小知识
overflow: hidden;//清除浮动 display: inline-block;//转化块级行内元素,...
浮动与display:inline-block
有的时候，我们需要使独占一行的两个div能够在一行和谐共处，解决方案大概有两种：1.为两个div均添加displa...
浮动与display:inline-block
显示方式 inline-block 默认为行内块级元素，所以之间会有缝隙。对齐方式 inline-block 没...
认识Flex布局
在Flex之前我们大部分都在使用文档流，浮动，定位，display inline-block，以及负margin来...
web行转块
display:block display:inline display:inline-block默...
20150730实战（分页；分页跳转）
一、还原分页样式 display:inline与display:inline-block; 数字之间的空隙是为什么...
不独占一行的块级元素
display: inline-block;
display: inline-block 与 display:
效果如下：
什么时候inline-block替换float？
『inline-block是什么？ Inline-block是元素display属性的一个值。display设置这...