Question

我有这个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都正常显示，甚至在我添加padding-top时在Firebug中显示：它不起作用。它就像它不是一个有效的陈述或东西。有什么我想念的吗？

Answer 1

嗯，这有点儿有趣。您将宽度设置为272px，但实际显示为270px。您将高度设置为290px，填充总量为30px，实际显示高度应为320px，但实际为318px。

玩了一下，取出了显示器：table-cell;似乎解决了这个问题。虽然填充物对于某些反射不会均匀分布，但它们都出现在底部。将文本放在p标签中，并给出15px的上边距已经完成了我的工作。

Answer 2

您是否尝试添加padding:15px!important;？

Firefox忽略填充

2 个答案: