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

Question

我知道我可以在父div上使用text-align: center;来居中它的所有子元素，但是如果我不希望所有的子元素都居中呢？我只想要一个相对于父母居中的子元素。

说我在包装器div中拥有所有内容。一些标题，表单等。但在底部我想要一小部分文本中心。如果它的层次结构是正文，我将如何实现呢？ div.wrapper＆gt; div.credit？

Answer 1

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

如果您想以CSS层次结构方式声明，只需使用此

即可

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

  

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

Answer 2

只能通过说出哪一个来指定哪个div居中：

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

div:credit {
text-align:center;
}