gpt4 book ai didi

css - 如何将多个 "relative"div 与堆叠图像居中?

转载 作者:可可西里 更新时间:2023-11-01 13:15:44 26 4
gpt4 key购买 nike

我想要一组横向堆叠的 div,如下所示:

D0
---------------------------------------
| ------ ------ ------ ------ |
| | | | | | | | | |
| | D1 | | D2 | | D3 | | D4 | |
| | | | | | | | | |
| ------ ------ ------ ------ |
---------------------------------------

在 D1 内居中。我可以通过将 D0 设置为 text-align:center 来做到这一点。 (我不能使用 margin:auto,因为我不知道 D1 - D4 组合的宽度)。

但是,D1 到 D4 包含一堆我想要叠加的图像。我可以通过为 D1 设置 position:relative 和为 img 标签设置 position:absolute 来做到这一点。

问题是这会导致 D1-D4 看起来没有内容,并且它们失去了使用 text-align:center 居中的能力!有没有其他方法可以实现我想要的?

最佳答案

d1、d2 d3d4 使用 display : inline-block(以及 vertical-align) 并在父级上使用 text-align: center

那些元素不需要相对定位

关于css - 如何将多个 "relative"div 与堆叠图像居中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10203695/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com