admin 发表于 2019-9-27 13:14:57

display:inline与float:left区别

  ①display:inline:任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式!(行布局:其表现形式始终以行进行显示)
  ②float:left:指定元素脱离普通的文档流而产生的特别的布局特性。并且float必需应用在块级元素之上,也就是说浮动并不应用于内联标签。或者可以说如果应用了float这个元素将被指定为块级元素。
  那么两者的区别显而易见:display:inline元素不能设置宽高,因为它属于行布局,其特性是在一行里进行布局,所以不能被设定宽高。
  简单的说就是float可以设置宽高,然而display:inline;虽然也会浮动,但是他不能设置宽高。
页: [1]
查看完整版本: display:inline与float:left区别