float:lfet跟inline-block

Question

感觉这两个很多时候实现的功能是一样的，应该怎么用呢，他们各自的优缺点是什么

Answer 1

KivenRain 2017-09-06 18:41:27

display:block; display:inline; display: inline-block; 三者的主要区别，display:block; block元素独占一行，多个block元素会各自新起一行。 display:inline; 多个相邻的元素会排在同一行里，直到一行排不下才会换一行，其宽度随元素的内容而变化。而且没有margin和padding等块级元素所拥有的属性。 display:inline-block; 则指多个块级元素排列在同一行内。 具体讲解见： www.cnblogs.com/KeithWang/p/3139517.html

至于float : left ; 就是让block元素向左浮动。

• 提问者 李行知 #1

  非常感谢！

Answer 2

Rosen 2017-08-10 09:43:37

一般一行内放多个有宽度的文本就用inline-block，布局时用的一行多个块级元素就用float