css - 绝对里面的相对定位?

标签 css

这是我所拥有的:

<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/

相关文章:

css 2 列将文本 float 到两者的底部,允许一列扩展到文本中

jquery - 如何在 jquery 对话框中将按钮更改为图片

jquery - 单击div后如何更改标题

html - 某些网站图片无法在 iPhone 上正确显示

html - 如何将数值绑定(bind)到 CSS 以创建时间轴?

jquery - jquery.ui.theme.css 和 jquery-ui.css 有什么区别?

html - 用 box-shadow 替换表单输入的轮廓是否违反任何 WCAG 准则?

jquery - 无法阻止谷歌浏览器自动填写字段

javascript - 如何使用内联样式在滚动时使用变换 : rotate() with react. js

html - CSS - 响应式/Android