display:block
block元素会占一行；默认情况下，block元素宽度为父元素宽度。
block元素可以设置width,height属性；块级元素设置了宽度,宽度小于父元素宽度，仍会占一行显示。
block元素可以设置margin和padding属性。
display:inline
inline元素不会占一行，多个行内元素排列直到一行排列不下就会新换，其宽度随元素的内容变化
inline元素设置width,height属性无效。
inline元素的margin和padding属性，水平方向的padding-left, padding-right, margin-left, margin-right都产生边距效果；但竖直方向的padding-top, padding-bottom, margin-top, margin-bottom不会产生边距效果。
display:inline-block
元素可以拥有block元素可设置的属性，但是不会占一行显示
第一部分 inline-block一、inline-block之间的缝隙(inline-block再ie8以下版本...
一. display:[inline/block/inline-block/none] Inline Elemen...
display:block display:inline display:inline-block默...
inline-block会造成inline-box的baseline对齐，若inline-block中有内容，则b...
inline-block在CSS中通过display:inline-block对一个对象指定inline-bloc...
display: inline | block | inline-block; 行级元素（内联元素）inline：...
inline-block
inline-block元素(.btn)需要有同级inline-block元素(.hidden)作为参照物，才能实...
display: inline-block;
display:inline、block、inline-block的区别 display:block就是将元素显示...
本文标题：block，inline、inline-block
本文链接：https://www.haomeiwen.com/subject/ahfrqqtx.html
网友评论