html - 在 img 上居中 div

Question

我有一个图片库，宽度均为 210 像素，但高度不同。

我想在每个图像上放置一个包含“即将推出”字样的 div 框，具有纯色背景，高 30 像素，宽度未知。 div 框需要垂直和水平居中。

我如何在 CSS 中解决这个问题？

我用谷歌搜索，尝试了我能想到的一切，根本没有找到解决方案..

Answer 1

除了使用图像标签，您是否可以使用一组包含图库图像的 DIV 作为背景图像？然后在该 DIV 中，根据需要放置文本和样式。

您可以使用文本样式、宽度等创建一个 CSS 类。然后只需使用 DIV 中的样式属性来设置背景图像和高度。