Html 将表格定位在页面中心

这似乎有一个简单的解决办法，但我不能找出它，更不用说找到一个答案，所以我要问。我所要做的就是让菜单“.nav”水平居中在页面上。问题是，我想在左边的标志，它似乎与我的中心导航混乱

html，
身体{
保证金：0；
填充：0；
}
身体{
背景：url（“http://i.imgur.com/4QGL09u.jpg）没有固定的重复中心；
-wekit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
}
#顶{
宽度：100%；
背景色：rgb（000255000）；
}
#标志{
浮动：左；
左边距：20px；
背景色：rgb（255000000）；
}
.导航{
宽度：200px；
显示：表格；
保证金：自动；
}
.项目{
显示：表格单元格；
填充：10px；
}

主页
项目
图像
更多信息

这是您期望的输出吗

检入输出

html，
身体{
保证金：0；
填充：0；
}
身体{
背景：url（“http://i.imgur.com/4QGL09u.jpg）没有固定的重复中心；
-wekit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
}
#顶{
宽度：100%；
背景色：rgb（000255000）；
}
#标志{
浮动：左；
左边距：20px；
背景色：rgb（255000000）；
}
.导航{
宽度：200px；
保证金：0自动；
}
.项目{
显示：表格单元格；
填充：10px；
}

JS-Bin

主页
项目
图像
更多信息

这是您期望的输出吗

检入输出

html，
身体{
保证金：0；
填充：0；
}
身体{
背景：url（“http://i.imgur.com/4QGL09u.jpg）没有固定的重复中心；
-wekit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
}
#顶{
宽度：100%；
背景色：rgb（000255000）；
}
#标志{
浮动：左；
左边距：20px；
背景色：rgb（255000000）；
}
.导航{
宽度：200px；
保证金：0自动；
}
.项目{
显示：表格单元格；
填充：10px；
}

JS-Bin

主页
项目
图像
更多信息

你说的是桌子，但你有菜单。另外，请搜索，这已经被问到和回答了很多次我已经搜索了答案，没有一个适用于我在这里试图做什么。他们都说“margin:auto”或类似的答案。这不是表格，而是菜单，所以请提供jfiddle。你说的是表格，但你有菜单。另外，请搜索，这已经被问到和回答了很多次我已经搜索了答案，没有一个适用于我在这里试图做什么。他们都说“margin:auto”或类似的答案。这不是表格，而是菜单，所以请提供jfiddle，你到底做了什么来改变它？我尝试了边距：0自动，但第一次尝试时它不起作用。我刚刚删除了“显示：表格”属性并添加了边距：0自动；我想知道为什么展览：桌子是罪魁祸首。不管怎样，谢谢你的帮助！成功了，你到底做了什么来改变它？我尝试了边距：0自动，但第一次尝试时它不起作用。我刚刚删除了“显示：表格”属性并添加了边距：0自动；我想知道为什么展览：桌子是罪魁祸首。不管怎样，谢谢你的帮助！