Html 使用显示：表格单元格时Div未居中

我最近一直在为我的

html

使用

display:table

，为我的

body

使用

display:table cell

，以使我页面的所有内容都显示在屏幕的最中央。虽然这适用于段落、标题、输入和标签等（至少就我所测试的而言），但它似乎不适用于

div

元素。
有没有什么方法可以像对其他元素一样对

div

元素起作用？纯CSS解决方案最好

示例（）

html{
显示：表格；
身高：100%；
宽度：100%；
文本对齐：居中；
}
身体{
显示：表格单元格；
垂直对齐：中间对齐；
}
.隐藏{
显示：无；
}
叶先生{
边界半径：15px 2px 15px 2px；
边框：1px纯绿色；
背景颜色：绿色；
宽度：250px；
高度：80px；
}

为什么我没有居中？
为什么我要居中？

只需添加

边距：0自动。。工作正常


html{
显示：表格；
身高：100%；
宽度：100%；
文本对齐：居中；
}
身体{
显示：表格单元格；
垂直对齐：中间对齐；
}
.隐藏{
显示：无；
}
叶先生{
边界半径：15px 2px 15px 2px；
边框：1px纯绿色；
背景颜色：绿色；
宽度：250px；
高度：80px；
保证金：0自动；
}
为什么我没有居中？
为什么我居中？
只需添加边距：0自动；到。叶类


html{
显示：表格；
身高：100%；
宽度：100%；
文本对齐：居中；
}
身体{
显示：表格单元格；
垂直对齐：中间对齐；
}
.隐藏{
显示：无；
}
叶先生{
保证金：0自动；
边界半径：15px 2px 15px 2px；
边框：1px纯绿色；
背景颜色：绿色；
宽度：250px；
高度：80px；
}
为什么我没有居中？
为什么我要以我为中心呢？
是的，但是为什么它要这样做呢？
margin:0 auto
规则是如何做到这一点的？当您在已应用
margin:0 auto
的对象上指定宽度时，对象将位于其父容器的中心。将
auto
指定为第二个参数基本上告诉浏览器自动确定左右页边距，这是通过将它们设置为相等来实现的。它保证将左右边距设置为相同的大小。第一个参数0表示上边距和下边距都将设置为0。@Angelos，有关自动技巧的更多信息，请查看