block，inline、inline-block

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元素可设置的属性，但是不会占一行显示

 

 

0人点赞

 

日记本

 

 

作者：1144169197
链接：https://www.jianshu.com/p/4efeaf6cd644
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。