对齐垂直

vertical-align 垂直对齐
只针对行内元素或者行内块元素,特别是行内块元素,通常用来控制图片/表单与文字的对齐。
基线对齐:vertical-align:baseline;(默认)
底线对齐:vertical-align:bottom;
垂直居中:vertical-align:middle;
顶部对齐:vertical-align:top;
vertical-align还有一个解决bug的能力:父盒子由图片撑开,图片下面会多出缝隙;是因为图片和文字默认是基线对齐,所以会留出基线以下的位置。
解决方法(两种):
1.给图片img设置vertical-align:middle | top |bottom;都可以,只要不是基线对齐。
2.给img添加display:block; 转换为块级元素就不会存在问题了。

发布了29 篇原创文章 · 获赞 1 · 访问量 698
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 深蓝海洋 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览