Css 垂直及垂直；在DIV中水平对齐

我有一个带有背景图像的DIV，我只想在该DIV中垂直和水平居中两段。下面是代码：

代码：

#深色桌子{
背景色：#2e；
宽度：100%；
填充顶部：15px；
垫底：15px；
左侧填充：40px；
右边填充：40px；
文本对齐：左对齐；
边缘顶部：30px；
边缘底部：30px；
背景图片：url(http://scott.ewarena.com/blog/wp-content/themes/bootstrapstarter/carol-candy-carts-quote.jpg);
高度：600px；
背景重复：无重复；
背景位置：中底；
保证金：自动；
/*
位置：绝对位置；
背景尺寸：包含；
排名：0；
左：0；
底部：0；
右：0；
*/
}

“就像斯科特把手伸进我的脑袋，看到了我想要实现的目标。他很快就把我的想法变成了现实！

卡罗尔·戴维斯-卡罗尔的糖果车

您可以将以下两种样式添加到图像容器中

display: table-cell;
vertical-align: middle;

---

我一整天都在寻找一个更好的解决方案，因为我给你的解决方案对我不起作用。唉，我找不到答案。希望这对你有用。它在小提琴中起作用。

我更喜欢使用

顶部
底部
左
和
右
属性来居中元素。
更改这些值以检查其行为。请记住添加
margin
和
position
属性，如下所示


#容器{
位置：相对位置；
宽度：300px；
高度：300px；
边框：虚线1px#33aaff；
}
#孩子{
宽度：50px；
高度：50px；
背景色：#ff55aa；
位置：绝对位置；
保证金：自动；
排名：0；
左：0；
底部：0；
右：0；
}


#深色桌子{
显示：表格；
背景色：#2e；
宽度：100%；
填充顶部：15px；
垫底：15px；
左侧填充：40px；
右边填充：40px；
文本对齐：左对齐；
边缘顶部：30px；
边缘底部：30px；
背景图片：url(http://scott.ewarena.com/blog/wp-content/themes/bootstrapstarter/carol-candy-carts-quote.jpg);
/*背景尺寸：包含*/
高度：600px；
背景重复：无重复；
背景位置：中底；
保证金：自动；
/*位置：绝对位置；
顶部：0；左侧：0；底部：0；右侧：0*/
}
.内部{
显示：表格单元格；
垂直对齐：中间对齐；
左边距：自动；
右边距：自动；
}

“这就像斯科特把手伸进我的脑袋，看到了我想要实现的目标。他很快把我的想法付诸实践！

卡罗尔·戴维斯-卡罗尔的糖果车

对于父div add display:table；对于子div（在本例中，我给了它类inner），添加display:table cell；垂直对齐：中间对齐；左边距：自动；右边距：自动；不幸的是，无论出于何种原因，这都不起作用：（这很有效。非常感谢！我尝试了垂直对齐：中间；但没有使用显示：表格单元格；选项。我必须了解它的用法。谢谢！