Css 水平居中a<；部门>；这不是固定的

我想在一个响应网格中水平居中放置一根柱子。我已经设置好了网格，它工作得很好。但是我想创建一个.class，它将获取一列并将其水平居中于父级（

.row

）。我将使用这个类获取一列的行，并将该列置于所述行的中心。我可以使用

text align

属性将文本居中，但我希望整个列以这种方式居中如果我向列添加边框/背景，它将在行中居中，而不仅仅是列的内容

---

以下是。

如果要在列上设置宽度，只需使用

边距：0 auto

将其居中即可。您需要用

float:none

覆盖

float:left

---

或者，如果元素上没有设置固定的宽度，您可以简单地将其设置为

内联块

元素，并将

文本对齐：居中

添加到父元素。非常适合动态变化的宽度。

您不能简单地设置

边距：auto

以使列居中吗？这非常有效。谢谢你，乔希！很明显，我忽略了这样一个事实：我设置了

float:left

列。

.center {
    text-align: center;
    margin:0 auto;
    float:none;
}