Css Firefox忽略填充

Css Firefox忽略填充,css,layout,padding,Css,Layout,Padding,我有这个CSS代码: #tweet-container{ width: 290px; height: 272px; border: 1px solid #CCC; color: #CCC; font-size: 28px; text-align: center; letter-spacing: -2px; min-height: 10px; display: table-cell; vertical-align: middle; padding: 15px; } 但是f

我有这个CSS代码:

   #tweet-container{
width: 290px; 
height: 272px; 
border: 1px solid #CCC; 
color: #CCC; 
font-size: 28px; 
text-align: center;
letter-spacing: -2px; 
min-height: 10px; 
display: table-cell; 
vertical-align: middle; 
padding: 15px;
}

但是firefox似乎没有识别顶部和底部填充。Safari和Chrome都能正常显示,甚至在Firebug中,当我添加填充顶部时:它不工作。这好像不是一个有效的声明或什么的。有什么我遗漏的吗?

您是否尝试添加
填充:15px!重要的

嗯,这有点有趣。您已将宽度设置为272px,但实际显示为270px。您已经将高度设置为290px,加上总填充量为30px,实际显示的高度应该是320px,但实际上是318px


玩了一会儿,拿出了显示器:桌上的电池;似乎能解决这个问题。虽然有些区域的填充物分布不均匀,但都出现在底部。将文本放在一个p标签中,并给它一个15px的上边距,虽然我认为已经完成了这项工作。

我没有尝试过,但它并不能解决问题…谢谢,不过。是否显示:表格单元格;是否尊重边距?似乎是这样,因为左右边距的工作方式与正常情况相同。可能是它周围的内容导致了问题。。。我们得到了一个指向实时版本(或使用)的链接。我在Firefox的一个页面上单独尝试了你的代码,填充效果很好,因此很可能是其他代码导致了问题。好的,这是pastebin.me:我使用display:table单元格的唯一真正原因是能够垂直对齐高度未知的文本。出于这个原因,我想试着把它保留在那里,但似乎是麻烦制造者…可能必须使用javascript解决方案。是的,我的解决方案是5分钟的黑客攻击。然而,垂直对齐的东西总是一件让人头疼的事。不过,至少你更接近弄明白了!