Html 边距:0自动不工作

Html 边距:0自动不工作,html,css,margin,Html,Css,Margin,页边距:0自动运行到底需要什么?它通常对我有效,但由于某些原因,在这种特殊情况下,我无法将导航菜单居中。 小提琴附在下面 。项目列表{ 显示器:flex; 保证金:0自动; } .项目{ 左边距:10px; 列表样式:无; } .项目a{ 颜色:#37302b; 字体大小:20px; } 标题{ 职位:继承; 高度:50px; } 由于您使用的是flexbox,您可以将调整内容:中心添加到项目列表规则中(无边距:自动需要): 。项目列表{ 显示器:flex;

页边距:0自动运行到底需要什么?它通常对我有效,但由于某些原因,在这种特殊情况下,我无法将导航菜单居中。 小提琴附在下面

。项目列表{
显示器:flex;
保证金:0自动;
}
.项目{
左边距:10px;
列表样式:无;
}
.项目a{
颜色:#37302b;
字体大小:20px;
}
标题{
职位:继承;
高度:50px;
}


由于您使用的是flexbox,您可以将
调整内容:中心
添加到
项目列表
规则中(无边距:自动需要):

。项目列表{
显示器:flex;
证明内容:中心;
}
.项目{
左边距:10px;
列表样式:无;
}
.项目a{
颜色:#37302b;
字体大小:20px;
}
标题{
职位:继承;
高度:50px;
}


由于您使用的是flexbox,您可以将
调整内容:中心
添加到
项目列表
规则中(无边距:自动需要):

。项目列表{
显示器:flex;
证明内容:中心;
}
.项目{
左边距:10px;
列表样式:无;
}
.项目a{
颜色:#37302b;
字体大小:20px;
}
标题{
职位:继承;
高度:50px;
}


添加
调整内容:中心因为您使用的是
display:flex
添加
justify content:center因为您使用的是
显示:flex
块级元素,所以
边距:0自动在正常情况下工作

块级元素用于
边距:0自动在正常情况下工作

太棒了,谢谢!它有效。:-)我不知道。margin:0 auto不是黑客lol@StefanBob足够公平;太棒了,谢谢!它有效。:-)我不知道。margin:0 auto不是黑客lol@StefanBob足够公平;removeda width是margin auto工作所必需的,因为defautl width是100%,而margin:auto将不起作用。margin:0 auto需要一个块级元素才能生效。它仍然适用于宽度:100%的元素,没有什么可做的。需要一个宽度才能使边距自动工作,因为边距宽度为100%,边距:自动将无效。边距:0自动需要一个块级元素才能生效。它仍然适用于宽度:100%的元素,没有什么可做的。