1、display的默认情况：inline（元素和其他元素都在一行上）
特点是：
设置宽度、高度无效，
设置行高（line-height）会增加顶部和底部的间距但内容区高度不变，
设置padding有效
设置margin-left、margin-right有效
设置margin-top、margin-bottom无效
验证一下：
高宽实际无效
支持所有padding，左右margin
2、display设置为inline-block将元素变为内联元素，但是元素的内容作为块元素呈递。旁边的内联元素会被呈递在同一行内。
特点是：
可以设置宽度高度行高
可以设置padding
可以设置marign
可以设置border
验证一下：
边框、宽高、内外边距都是支持的
黄色是margin，红色是border，绿色是padding
1、display的默认情况：inline（元素和其他元素都在一行上） 特点是： 设置宽度、高度无效， 设置行高（...
display:inline、block、inline-block的区别 display:block就是将元素显示...
display: flex和display: inline-flex的区别 flex：块级 代码演示 如图 inl...
display:block ：给元素添加块级属性，特性为独占一行 display:inline ：给元素添加行内属...
display几个常用的属性以及区别 none,block,inline,inline-block; none:会...
display：inline-block和hasLayout display的值除了block和inline，还有...
块元素与行内元素区别区别一：块元素：display:block;行内元素：display:inline;可以通过修...
display inline-block实现网格效果 position static -- 默认relative ...
css的伪元素:after :before的默认display属性伪inline
display:block display:inline display:inline-block默...
本文标题：display默认inline和block-inline的区别
本文链接：https://www.haomeiwen.com/subject/ewdccftx.html
网友评论