首页 > 代码库 > block;dispiay:block和display:inline-block的区别
block;dispiay:block和display:inline-block的区别
block;dispiay:block和display:inline-block的区别
display:block就是将元素显示为块级元素.
block元素的特点是:
高度,行高以及顶和底边距都可控制;
宽度缺省是它的容器的100%,除非设定一个宽度
display:inline就是将元素显示为行内元素.
inline元素的特点是:
高,行高及顶和底边距不可改变;
宽度就是它的文字或图片的宽度,不可改变。
inline和block可以控制一个元素的行宽高等特性,需要切换的情况如下:
inline-block的元素特点:
将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内,允许空格。(准确地说,应用此特性的元素呈现为内联对象,周围元素
保持在同一行,但可以设置宽度和高度地块元素的属性)
block;dispiay:block和display:inline-block的区别
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。