inline-block的间隙问题 box-orient属性 line-clamp属性 margin问题

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

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

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

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

　　　　　　　　vertical　　从上到下垂直排列；

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

　　　　属性值：数字

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

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

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

转载于:https://www.cnblogs.com/shangjun6/p/10843531.html