Html Div未使用CSS居中

Html Div未使用CSS居中,html,css,margin,Html,Css,Margin,我想在网站上放一些div,所以看起来很整洁。有一个大的div“container”,里面有div“head”,下面是一个空div,用来分隔东西,下面是div“content”。我的问题是:“head”很容易与“margin:0 auto;”居中,但同一行在“content”中不起作用 #容器 { 背景色:达克朗格; 宽度:70%; 高度:800px; 左边距:自动; 右边距:自动; } #头 { 背景颜色:浅蓝色; 宽度:95%; 高度:80px; 保证金:0自动; } 空间 { 宽度:自动;

我想在网站上放一些div,所以看起来很整洁。有一个大的div“container”,里面有div“head”,下面是一个空div,用来分隔东西,下面是div“content”。我的问题是:“head”很容易与“margin:0 auto;”居中,但同一行在“content”中不起作用

#容器
{
背景色:达克朗格;
宽度:70%;
高度:800px;
左边距:自动;
右边距:自动;
}
#头
{
背景颜色:浅蓝色;
宽度:95%;
高度:80px;
保证金:0自动;
}
空间
{
宽度:自动;
高度:10px;
背景色:红色;
}
#内容
{
背景色:森林绿;
宽度:95%;
高度:600px;
保证金:0自动;
}


您还应该发布标记。编辑代码片段以包含HTML。现在,单击RunCodeSnippet会显示一个空白页面,因为没有CSS可应用于的内容。如果您不担心支持旧版本的iRight,那么可以使用flexbox和justify content,抱歉,忘记了HTML代码。奇怪的是,这里的中心似乎工作正常,但当我在localhost上运行它时,它拒绝合作…请每个问题问一个问题。我认为以
#内容为中心没有问题。离题:不要在页面中添加标记“只是为了分隔内容”。这就是边距、填充和边框的用途。