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

Question

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

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

Answer 1

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

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

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

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

Answer 2

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

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

div:credit {
text-align:center;
}