把一个a设成block,子类s设成inline-block,想让s垂直居中,使用margin,padding父元素变大?
我的html结构 a(便民服务)》s
a设成了block,s(承载图片)设成ineline-block,使用margin,padding,外部的a会放大,
不想用position属性,该如何解决?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(4)
关于A被放大的原因是图片文字等inline元素默认是和父级元素的baseline对齐的,而baseline又和父级底边有一定距离(这个距离和 font-size,font-family 相关),所以设置 vertical-align:top/bottom/text-top/text-bottom 都可以避免这种情况出现。
不知道你是否是想要这个效果:http://codepen.io/YuanWing/pen/bdWQQG
红色代表你的
icon
a 高度设置死,然后设置 overflow:hidden
a的height和width设置一个固定数就不会变化了呀