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

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

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

阅读 3.7k
4 个回答

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题