Jquery 如何将div居中对齐（与文本对齐方式相同：居中）？

我需要将链接数与父级

div

的中心对齐，但是由于这些链接有一个包装，而且包装有

float:left

，所以我不能使用

文本对齐：中心

。还有其他选择吗

标记看起来是这样的：

<section class="parent">
  <article class="linkWrapper"><a href=".."></a></article>
  <article class="linkWrapper"><a href=".."></a></article>
  <article class="linkWrapper"><a href=".."></a></article>
</section>

我之所以需要链接的包装器，是有原因的，所以删除它不是一个选项。谢谢你的帮助

---

谢谢

您可以使用

边距：auto技巧

.parent{
   margin: 0 auto;
   width: 500px;/*define width for your wrapper*/
}

这毫无意义。如何使包装器向左浮动，同时又想使链接居中

我只能假设你想要一个等间距的3列布局

如果是这种情况，请将每个包装的宽度设置为33%，然后将文本对齐：居中放置在包装上。这将使链接集中在包装器中，所有3个链接将均匀地分布在外部部分。
对于您的标记，我将这样居中

.parent {
  background-color: cyan;    /* Just for better understanding */
  text-align: center;
}

.parent .linkWrapper {
  background-color: red;    /* Just for better understanding */
  display: inline-block;
  padding: 5px 10px;
}

检查链接
CSS的边距属性应该能够居中。边距：0自动将其居中于父容器的中心。或者左边空白/右边空白也可以粘贴CSS吗？这很容易解决。display:table是可选的。OP应该是float:left for.linkwrapper。因此，如果linkwrapper是向左浮动的，那么相对于.parent wrapper，链接的中心是什么？parent wrapper需要居中。因此parent wrapper在一个外部div中居中，非常简单。但是OP要求链接（其中有3个）在左浮动容器中居中。因此产生了混乱。