只要设了 display:inline-block　　将元素变成行级块元素的时候，会自带空隙，即使你设了 margin 和 padding 依然没有效果！

　　解决办法：只要在父元素上加上font-size:0　就好了，

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

　　-webkit-box-orient:     水平排列 或 垂直排列   （在子元素上进行操作）（前提：父元素为弹性父级 ， 使用时加前缀）； 

　　　　属性值：horizontal   从左到右水平排列；

　　　　　　　　vertical　　从上到下垂直排列；

　　-webkit-line-clamp：是一个不规范的属性 ，还不在css的草案中 ：显示块级元素显示的文本行数；(使用时加前缀)

　　　　属性值：数字

　　父元素设margin，第一个子元素margin-top不起作用？

　　　　原因：可能把第一个子元素当成相邻的元素   从而产生margin塌陷；

　　　　解决：改变子元素性质为行级块元素

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄