当前位置: 代码迷 >> 综合 >> css笔记19(vertical-align)
  详细解决方案

css笔记19(vertical-align)

热度:86   发布时间:2023-12-04 12:52:24.0

vertical-align

用设置元素的垂直对齐方式,当只对行内元素行内块元素有效。

vertical-align :baselign | top | middle |bottom;
描述
baselign 默认,放置在父元素的基准线上
top 把元素的顶端与行内最高元素的顶端对齐
middle 把此元素放置在父元素的中部
bottom 把元素的顶端与行中最低的元素的顶端对齐

图片底部默认空白缝隙问题

原因:图片是行内块元素,默认与基线对齐。

解决方法:

  1. 给图片添加vertical-align :top | middle |bottom;
  2. 将图片转换为块级元素display:bloock;
  相关解决方案