如何把ap放在div的中心？

这个问题在这里已经有了答案：

如何在另一个<div>中水平居中<div>？ 82个答案

垂直居中一个div在另一个div 23的答案

Flexbox：水平和垂直居中8个答案

---

添加这个CSS

.sign{
  display: flex;
  flex-direction: column;
  justify-content: center; // align horizontally center
  aligns-items: center;  // align vertically center
}

编辑1：根据您添加的图像

.sign{
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}

p{
  display:block;
  text-align:center;
  width: 80%; /*Change this for left adjustment*/
}

---

这对我来说是flexbox的一个很好的用处。

尝试这样的事情：

div {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

p { // use a class obviously
  display: inline-block;
}

这是flexbox的一个很好的资源https://css-tricks.com/snippets/css/a-guide-to-flexbox/

---

只需添加{display：block; }到.sign类，然后文本对齐将工作。

链接地址: http://www.djcxy.com/p/75885.html

上一篇: how to put a p at the center of a div?

下一篇: How to Align a div middle inside of a div