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


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

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

web前端开发 htm css

花謝若相依, 9 years, 10 months ago

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

ghoulzz answered 9 years, 10 months ago

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

zybwh answered 9 years, 10 months ago

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

永恒F青英 answered 9 years, 10 months ago

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

MS-08 answered 9 years, 10 months ago

Your Answer