首页 > 把一个a设成block,子类s设成inline-block,想让s垂直居中,使用margin,padding父元素变大?

把一个a设成block,子类s设成inline-block,想让s垂直居中,使用margin,padding父元素变大?

我的html结构 a(便民服务)》s

a设成了block,s(承载图片)设成ineline-block,使用margin,padding,外部的a会放大,
不想用position属性,该如何解决?


不知道你是否是想要这个效果:http://codepen.io/YuanWing/pen/bdWQQG
红色代表你的icon


a的height和width设置一个固定数就不会变化了呀


a 高度设置死,然后设置 overflow:hidden


关于A被放大的原因是图片文字等inline元素默认是和父级元素的baseline对齐的,而baseline又和父级底边有一定距离(这个距离和 font-size,font-family 相关),所以设置 vertical-align:top/bottom/text-top/text-bottom 都可以避免这种情况出现。

【热门文章】
【热门文章】