“显示：内联块”技巧在 Firefox 中不起作用

我想要创建的是一个整页网站（没有滚动条），其中包含垂直和水平居中的文本/图像/div 块。我研究并使用了一种技术，使用 100% 高度的 div 和 0px 宽度，然后使用内容 div 来垂直居中内容。在 safari 中工作完美，在 firefox 中完全不行（在两种浏览器中水平工作。）下面用于此的代码块...

html-

body

<div class="block">
  <div class="centered">
    ... content and images
  </div>
</div>

css-

html, body {height: 100%;}

.block {
background: url(images/bgimage.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; 
min-height: 100%;
margin: 0px;
}

.block:before {
content: '';
display: inline-block;
height: 100%; 
vertical-align: middle;
padding: 0px;
margin: 0px;
}

.centered {
display: inline-block;
vertical-align: middle;
padding:0px;
margin: 0px;
text-align: center;
*display:inline;
}

是否有一些相当于“display：inline-block”的东西我可以用于firefox？我不能使用“float:left”，因为它不会使内容 div 垂直居中，并且搞乱了内联块语句。

欢迎大家帮忙

• Cheers

只需将下面的 css 规则添加到具有内联样式的元素中，它应该可以修复它：

display: -moz-inline-stack;