Html 如何使该div对齐中心？

我有这个标记

.course flex容器{
显示器：flex；
弯曲方向：立柱；
保证金：5px 5px 5px 5px；
背景色：红色；
}
.课程弹性行{
显示器：flex；
弯曲方向：行；
证明内容：之间的空间；
}
.课程-flex-row-2{
显示器：flex；
弯曲方向：行；
}

编辑
删除
阅读第1章至第3章
布拉夫3100
截止日期：2017年6月29日

使用

将内容：中心调整为
。课程-flex-row-2


.course flex容器{
显示器：flex；
弯曲方向：立柱；
保证金：5px 5px 5px 5px；
背景色：红色；
}
.课程弹性行{
显示器：flex；
弯曲方向：行；
证明内容：之间的空间；
}
.课程-flex-row-2{
显示器：flex；
弯曲方向：行；
证明内容：中心；
}

编辑
删除
阅读第1章至第3章
布拉夫3100
截止日期：2017年6月29日
使用
将内容：中心调整为
。课程-flex-row-2


.course flex容器{
显示器：flex；
弯曲方向：立柱；
保证金：5px 5px 5px 5px；
背景色：红色；
}
.课程弹性行{
显示器：flex；
弯曲方向：行；
证明内容：之间的空间；
}
.课程-flex-row-2{
显示器：flex；
弯曲方向：行；
证明内容：中心；
}

编辑
删除
阅读第1章至第3章
布拉夫3100
截止日期：2017年6月29日
要将添加内容置于中心的任何div

margin: auto;

到CSS。您还可以使用调整上下边距

margin: 10px auto; //center with 10px top margin.

或

然而

text-align: center;

将仅居中文本，而不是div内的元素。
任何要居中添加内容的div

margin: auto;

到CSS。您还可以使用调整上下边距

margin: 10px auto; //center with 10px top margin.

或

然而

text-align: center;

将仅将文本居中，而不将div内的元素居中。
更改如下：

首先将
className
更改为
class

像这样更改后：

.course-flex-row-2{
    display: flex;<-----------------Remove
    flex-direction: row;
    text-align: center;
}

.course-flex-row-2 div {<--------------Add
  display: inline-block;
}


编辑
删除
阅读第1章至第3章
布拉夫3100
截止日期：2017年6月29日
更改如下：

首先将
className
更改为
class

像这样更改后：

.course-flex-row-2{
    display: flex;<-----------------Remove
    flex-direction: row;
    text-align: center;
}

.course-flex-row-2 div {<--------------Add
  display: inline-block;
}


编辑
删除
阅读第1章至第3章
布拉夫3100
截止日期：2017年6月29日
对于内部div，我通常使用绝对位置和变换，对于外部div，使用相对位置

在JSFIDLE中检查相同的示例

}
我通常使用绝对位置和内部div的变换以及外部div的相对位置

在JSFIDLE中检查相同的示例

}
将align属性放入父div，它也应该可以工作（不推荐，但可以让您工作）

将align属性放入父div，它也应该可以工作（不推荐，但可以让您工作）


Ah，对了，我复制了reactjs中的示例，所以类名是有效的方法。啊，对了，我复制了reactjs中的示例，所以类名是有效的方法。始终避免内联样式。您的代码应该可以工作，但在编码时保持标准。您已经为div分配了className，但为什么要使用inlinestyling@MKVimalan我知道我们应该避免内联样式，尽管内联样式的特殊性不仅仅是类、id和元素级别的样式，但我想向他展示另一种方式，因为所有其他答案都有最好的实现方式。但是你的评论很好，因为这个align属性现在已经被弃用了，这个答案应该避免，正如你提到的，如果你在代码中使用它，它也是正确的，也可以很好地工作。但是我要说的是，要更多地注意标准。正确的代码总是避免内联样式。你的代码应该工作，但在编码时要保持标准。您已经为div分配了className，但为什么要使用inlinestyling@MKVimalan我知道我们应该避免内联样式，尽管内联样式的特殊性不仅仅是类、id和元素级别的样式，但我想向他展示另一种方式，因为所有其他答案都有最好的实现方式。但是你的评论很好，因为这个align属性现在已经被弃用了，应该避免使用这个答案。干杯，正如你提到的，如果你在代码中使用它，它也是正确的，并且可以很好地工作。但是我要说的是，多注意一下标准的正确匹配