11.行盒垂直对齐和图片的底部白边问题

2020-04-17 07:33:22来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

11.行盒垂直对齐和图片的底部白边问题

1.行盒内容垂直方向对齐:

在行盒元素上使用vertical-align:bottom/middle/top   或者像素值

 

2.图片的底部白边问题:

图片的父元素是一个块盒,块盒高度自动,图片底部和父元素底部之间往往会出现空白

如下图所示:

 

解决方法:

1.设置父元素的字体大小为0,font-size:0;

不建议使用上面的方法,若父元素中有字体,则文字会看不见

2.设置img元素为块盒:display:block;

 


原文链接:https://www.cnblogs.com/lanshanxiao/p/12717732.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:致准备转行web前端:你的入门学习方法正确吗?

下一篇:12.居中总结