火狐忽略填充

我有这样的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中添加填充顶部时也不会有效。它就像它不是一个有效的陈述或其他东西。有什么我失踪？

来源

2010-04-29 williamg

是否显示：table-cell;尊重保证金？ – 2010-04-29 03:06:30

它似乎确实如此，因为左侧和右侧填充像正常一样工作。 – williamg 2010-04-29 03:07:53

它可能是周围的内容是什么导致问题...我们得到一个实时版本的链接（或使用http://pastebin.me/）我在Firefox的页面上单独尝试了您的代码，填充工作正常，所以它很可能是其他代码引起的问题。 – 2010-04-29 03:28:14

恩，这有点儿有趣。您已将宽度设置为272像素，但其实际显示为270像素。您已将高度设置为290px，填充总计为30px，实际显示的高度应为320px，但实际为318px。

有点玩，取出显示：table-cell;似乎排序的问题。虽然填充不是平均分布的，但它都出现在底部。把文本放在一个p标签中，尽管我认为15px的上边距已经完成了这项工作。

来源

2010-04-29 08:59:19 Tom

我使用的唯一真正原因是：表格单元格是用于垂直对齐具有未知高度的文本的功能。出于这个原因，我想尽量保持在那里，但似乎它的麻烦制造者......可能不得不使用JavaScript解决方案。 – williamg 2010-04-29 21:35:51

是的，我的解决方案是一个5分钟的黑客攻击。垂直对齐的东西在后面总是很痛苦。至少你更接近于搞清楚它！ – Tom 2010-04-30 10:03:03

您尝试加入padding:15px!important;吗？

来源

2010-04-29 03:02:38

我没有尝试过，但它不能解决问题......谢谢。 – williamg 2010-04-29 03:03:55

火狐忽略填充

回答

相关问题