如何使用 CSS 将文本相对于其父 div 居中？答案

【问题标题】：How do I center text relative to its parent div with CSS?如何使用 CSS 将文本相对于其父 div 居中？
【发布时间】：2013-02-15 04:54:38
【问题描述】：

我知道我可以在父 div 上使用text-align: center; 将其所有子元素居中，但如果我不希望所有子元素居中怎么办？我只想要一个相对于父元素居中的子元素。

假设我将所有内容都包含在一个包装 div 中。一些标题、表格等。但在底部，我想将一小行文本居中。如果它的层次结构是 body > div.wrapper > div.credit，我将如何实现？

【问题讨论】：

标签： html css

【解决方案1】：

那么为什么你在这里使 CSS 复杂化呢？只需将该文本包装在一个 div 中并为该特定 div 使用 text-align: center; 即可完成

如果你想以 CSS 层次结构的方式声明，只需使用这个

body div:last-child {
   text-align: center;
}

注意：确保要居中的文本是您所在的最后一个 div 使用 else 不要使用 last-child 选择器，最好声明一个类

【讨论】：

【解决方案2】：

仅通过说出哪个 div 来指定要居中的 div：

div {
text-align:/* whatever align for the rest */
}

div:credit {
text-align:center;
}

【讨论】：