CSS：在div中居中元素，同时保持文本左对齐

我希望我的div中的所有元素都是引导列，同时保持文本左对齐。 因此，我的代码如下所示： 我希望p、span和a水平居中，而它们的内容文本应该左对齐

<div class='col-sm-4 col-md-4'>
  <p>...</p>
  <span>...</span>
  <a>...</a>
</div>

列的数量各不相同，我这里有3列，但这可能更真实

---

我在css中尝试做的是根据列的数量在百分比中添加一些左填充。它确实工作得很好，但我相信有一个更简单的方法来实现这一点

顺便说一下，别忘了添加class=

如果我理解正确，有两种可能性

第一:

<div class="col-md-12">
<div class="col-md-4 .col-md-offset-4">
   <p>...</p>
   <span>...</span>
   <a>...</a>
</div>
</div>

这将创建col-md-4的偏移量。因此，4-4-4，它将居中

另一个更简洁的解决方案是：

<div class="col-md-12">
<div class="wrapper" style="width:300px;position:relative;margin-left:auto;margin-right:auto;">
   <p>...</p>
   <span>...</span>
   <a>...</a>
</div>
</div>

这样，您就可以通过自动设置左右边距来创建一个居中的包装器。 对于该解决方案，您需要提供相对位置等，而不是静态和宽度

---

希望能有所帮助。

您尝试过的CSS在哪里？^回答上面的问题并尝试过使用CSS文本对齐吗：？是否要在包含所有子项的边界上或在相应子项的边界上左对齐子项？添加左/右填充有什么问题？听起来是一个更好的解决方案，我认为你的第二个解决方案更符合OP的要求。你不需要提供职位：相对；但是在元素上。如果元素为块级别，则只需将指定的宽度和右/左边距设置为“自动”，即可使元素居中；