如何水平居中放置<；部门>在另一个中<；部门>使用CSS
<；div id="；“外部”&燃气轮机；
<；div id="；“内部”&燃气轮机；富富</部门>；
</部门>；
您可以将此CSS应用于内部<；部门>：
#内部{
宽度：50%；
保证金：0自动；
}
当然，您不必将宽度设置为50%。任何宽度小于包含的<；部门>将起作用。margin:0 auto是实际对中的作用
如果您的目标是Internet Explorer 8（及更高版本），则最好使用以下选项：
#内部{
显示：表格；
保证金：0自动；
}
它将使内部元素水平居中，并且无需设置特定的宽度
此处的工作示例：
#{
显示：表格；
保证金：0自动；
边框：1px纯黑；
}
#外{
边框：1px纯红；
宽度：100%
}<；div id=“外部”>；
<；div id=“内部”>；富富</部门>；
</部门>编辑
使用flexbox可以很容易地设置div的水平和垂直居中样式
#inner{
边框：1px纯黑；
}
#外{
边框：1px纯红；
宽度：100%；
显示器：flex；
证明内容：中心；
}<；div id=“外部”>；
<；div id=“内部”>；富富</部门>；
</部门>要将div垂直居中对齐，请使用属性align items:center