当前位置:首页文章首页 IT学院 IT技术

教你区别display:inline与float:left

作者:  来源:  发布时间:2011-5-30 15:01:53  点击:
本文章提供分享的是关于display:inline与float:left的区别,希望对大家有用。
①display:inline:任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式!(行布局:其表现形式始终以行进行显示)
②float:left:指定元素脱离普通的文档流而产生的特别的布局特性。并且float必需应用在块级元素之上,也就是说浮动并不应用于内联标签。或者可以说如果应用了float这个元素将被指定为块级元素。
那么两者的区别显而易见:display:inline元素不能设置宽高,因为它属于行布局,其特性是在一行里进行布局,所以不能被设定宽高。
简单的说就是float可以设置宽高,然而display:inline;虽然也会浮动,但是他不能设置宽高。

文章评论

软件按字母排列: A B C D E F G H I J K L M N O P Q R S T U V W X Y Z