0

这里是http://jsfiddle.net/6quT7/所以你可以看到在 Chrome 中查看时每个 margin-left 变得更小,而在 Firefox 中查看时每个元素的尺寸相同

这是 HTML:

<div class="group">
<div class="group_unit_first_child">
    <p>Hermelin</p>
</div>
<div class="group_unit color_green">
    <p>2</p>
</div>
<div class="group_unit color_blue">
    <p>2</p>
</div>
<div class="group_unit color_white">
    <p>8</p>
</div>
<div class="group_unit color_orange">
    <p>2</p>
</div>
</div>

这是CSS:

.group_unit_first_child {
height: 100%;
width: 40.1%;
float: left;
background-color: #4e4e4e;
border-radius: 8px;
display: table;
}

.group_unit {
height: 100%;
width: 12.64%;
float: left;
text-align: center;
background-color: #4e4e4e;
border-radius: 8px;
margin-left: 0.96%;
display: table;

}

这个问题有什么解决办法吗?

谢谢!

4

2 回答 2

1

display: table;.group_unit应该工作中删除。

小提琴

于 2013-02-20T17:52:55.453 回答
1

我将显示位置从表格更改为块,它对我有用。你真的需要那个display:table属性吗?

于 2013-02-20T17:56:10.467 回答