2.新知-display:inline-block元素之间空隙的产生原因和解决办法

display:inline-block元素之间空隙的产生原因和解决办法
1.解决元素之间的空白符
2.为父元素中设置font-size: 0,在子元素上重置正确的font-size
3.为inline-block元素添加样式float:left(需清除浮动)
4.设置子元素margin值为负数
5.设置父元素,display:table和word-spacing:-1em

posted @ 2019-09-24 20:54  princeness  阅读(202)  评论(0编辑  收藏  举报