html - <td> 间距在 Chrome 中不起作用

Question

基本上，我想在水平方向上将我的 td 彼此分开。在 Firefox 中，通过设置边距可以正常工作，但边距在 chrome 中不起作用。所以我尝试了以下并将其应用于表格

border-spacing: 40px;
border-collapse: separate;

此外，该解决方案适用于 chrome，但不适用于 Firefox；尽管指南建议我需要 border-collapse: 单独让它在 firefox 中工作。

没有任何进一步的细节，这里是表格样式的代码(在 Firefox 中工作的代码):

#tstyle3 {
    margin: 10px 0 0 0px;
    width: 750px;
    border-collapse: separate;
}

#tstyle3 tr {
    height: 270px;
    border-bottom: none;
    border-collapse: separate;
    width: 950px;
    display: inline-block;
}

#tstyle3 td {
    border-top: none;
    display: inline-block;
    position: relative;
    border-collapse: separate;
    margin: 0 30px 0 0;
    height: 220px;
    width: 220px;
    background-color: white;
    float: left;
    box-shadow: 0px 3px 5px #b5b6b6;
}

并且在 jsfiddle 中重新创建了这种情况(显示了它在 Firefox 中的显示方式)

http://jsfiddle.net/JjZNb/

Answer 1

你试试更性感的东西怎么样

float:left; display:block;

http://jsfiddle.net/JjZNb/1/