制造业网站建设,wordpress编辑器没了,正规的镇江网站建设,wordpress 添加付款3. vertical-align 垂直对齐
有宽度的块级元素居中对齐#xff0c;是margin: 0 auto;让文字居中对齐#xff0c;是 text-align: center;
但是我们从来没有讲过有垂直居中的属性。
vertical-align 垂直对齐#xff0c;它只针对于行内元素或者行内块元素#xff0c; verti…3. vertical-align 垂直对齐
有宽度的块级元素居中对齐是margin: 0 auto;让文字居中对齐是 text-align: center;
但是我们从来没有讲过有垂直居中的属性。
vertical-align 垂直对齐它只针对于行内元素或者行内块元素 vertical-align : baseline |top |middle |bottom 设置或检索对象内容的垂直对其方式。 注意 vertical-align 不影响块级元素中的内容对齐它只针对于行内元素或者行内块元素 特别是行内块元素 通常用来控制图片/表单与文字的对齐。
3.1 图片、表单和文字对齐
所以我们知道我们可以通过vertical-align 控制图片和文字的垂直关系了。 默认的图片会和文字基线对齐。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-BV9l9lx3-1588749171244)(media/1498467742995.png)]
3.2 去除图片底侧空白缝隙 原因 图片或者表单等行内块元素他的底线会和父级盒子的基线对齐。 就是图片底侧会有一个空白缝隙。 解决的方法就是 给img vertical-align:middle | top| bottom等等。 让图片不要和基线对齐。 给img 添加 displayblock; 转换为块级元素就不会存在问题了。
