css - 对于 IE8 - 尝试结合 CSS 显示的 table_cell 将单元格间距/填充设置为 0px

Question

我试图将一些内容垂直对齐到 div 框中。为了实现这一点，我找到了一些完美的 CSS。除了你知道它没有的人:IE8。当使用值为“table-cell”的显示属性时，IE 正在创建一个不可见的单元格填充/单元格间距。

.item_box{
        display: table-cell;
        padding:0px;
        margin:0px;
        width:160px;
        height:160px;
        text-align: center;
        vertical-align:middle;
    }  

“padding”和“margin”这两行只影响 FF、Chrome、Opera。我需要它是“0”填充/间距以保留主要布局。知道如何为 IE 解决这个问题吗？
非常感谢

Answer 1

关于你的“不可见的单元格填充/单元格间距”，尝试用“border-collapse:collapse;”进行试验在你周围的“display:table”容器 CSS 上。