如何在不使用绝对位置的情况下获取div底部和中心的img

在不使用绝对位置的情况下，可以使用CSS的Flexbox布局来实现获取div底部和中心的img。

首先，在HTML中创建一个包含img的div，并给它一个唯一的id，如下所示：

<div id="myDiv">
  <img src="image.jpg" alt="Image">
</div>

然后，在CSS中使用Flexbox布局来设置div的样式，使其垂直居中并将img放置在底部。可以通过以下步骤实现：

1. 首先，将父容器（即div）设置为Flex布局，并使用justify-content: center将子元素（即img）水平居中。
2. 然后，使用align-items: flex-end将子元素（即img）垂直对齐到父容器的底部。

以下是实现上述效果的CSS代码：

#myDiv {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh; /* 可根据实际情况设置div的高度 */
}

#myDiv img {
  align-self: flex-end;
}

这样，img元素就会在div的底部并且水平居中显示。

关于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体的云计算品牌商，建议您参考腾讯云官方文档或咨询腾讯云的技术支持团队，以获取与您需求相匹配的产品和服务信息。