查看: 171|回复: 0

display:inline与float:left区别

[复制链接]

6059

主题

6059

帖子

748万

积分

超级富翁

Rank: 20Rank: 20Rank: 20Rank: 20Rank: 20

积分
7483647
发表于 2019-9-27 13:14:57 | 显示全部楼层 |阅读模式
  ①display:inline:任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式!(行布局:其表现形式始终以行进行显示)
  ②float:left:指定元素脱离普通的文档流而产生的特别的布局特性。并且float必需应用在块级元素之上,也就是说浮动并不应用于内联标签。或者可以说如果应用了float这个元素将被指定为块级元素。
  那么两者的区别显而易见:display:inline元素不能设置宽高,因为它属于行布局,其特性是在一行里进行布局,所以不能被设定宽高。
  简单的说就是float可以设置宽高,然而display:inline;虽然也会浮动,但是他不能设置宽高。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

关闭

站长推荐上一条 /1 下一条

Archiver|手机版|小黑屋|手游资源 ( 蜀ICP备18005618号-1 )

GMT+8, 2024-5-21 05:46 , Processed in 0.099526 second(s), 28 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表
联系客服1
联系客服2