首页 话题 小组 问答 好文 用户 我的社区 域名交易

[分享]css中如何让图片垂直向下

发布于 2024-11-11 19:24:25
0
10

在 CSS 中,有多种方法可以让图片垂直向下。下面将介绍其中的两种方法。

// 第一种方法:使用 vertical-align 属性

img {
  vertical-align: bottom;
}

// 这会让图片的底部与行框的底部对齐,即图片垂直向下。 

请注意,垂直对齐只会影响行内元素,如果图片的父元素是块级元素,需要将其转换为行内块元素或行内元素,才能使 vertical-align 属性生效。

// 第二种方法:使用 absolute 定位

.container {
  position: relative;
}

img {
  position: absolute;
  bottom: 0;
}

// 将图片的 bottom 属性设为 0,即可让图片垂直向下。

// 需要注意的是,这种方法通常需要父元素设置 position: relative,否则图片相对于文档定位,而不是相对于父元素定位。 
评论
91云脑
Lv.1普通用户

62845

帖子

12

小组

80

积分

站长交流