这是我所拥有的:
<div id="container">
<div id="absolute">
<img src="/test.jpg">
<div>This is an image</div>
</div>
</div>
容器是相对的,绝对 div 是绝对的,底部为 0,所以它位于我容器的底部。
在绝对 div 中,我想将图像和文本居中,以便它们并排放置(而不是彼此下方)。
我该怎么做?
最佳答案
将 div
设置为 display: inline
(或者使用默认情况下不是 block 的元素),并确保容器足够宽以容纳它们.
(然而,这是正常流程,而不是相对定位。相对定位会使元素偏离其自然位置(留下间隙))
关于css - 绝对里面的相对定位?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20551640/