-1

谢谢阅读。

我有这个 html 片段

<div class="table">
    <!--1st row --->
    <div class="cell_short table_cell">1</div>
    <div class="cell_medium table_cell">Nickname</div>
    <div class="cell_short table_cell">-</div>
    <div class="clear"></div>
    <!--2nd row --->
    <div class="cell_short table_cell">2</div>
    <div class="cell_medium table_cell">Nickname</div>
    <div class="cell_short table_cell">-</div>
    <div class="clear"></div>
    <!--3rd row --->
    <div class="cell_short table_cell">3</div>
    <div class="cell_medium table_cell">Nickname</div>
    <div class="cell_short table_cell">-</div>
    <div class="clear"></div>
    <!--4th row --->
    <div class="cell_short table_cell">4</div>
    <div class="cell_medium table_cell">Nickname</div>
    <div class="cell_short table_cell">-</div>
    <div class="clear"></div>
    <!--5th row --->
    <div class="cell_short table_cell">5</div>
    <div class="cell_medium table_cell">Nickname</div>
    <div class="cell_short table_cell">-</div>
    <div class="clear"></div>
    <!--6th row --->
    <div class="cell_short table_cell">6</div>
    <div class="cell_medium table_cell">Nickname</div>
    <div class="cell_short table_cell">-</div>
    <div class="clear"></div>
    <!--7th row --->
    <div class="cell_short table_cell">7</div>
    <div class="cell_medium table_cell">Nickname</div>
    <div class="cell_short table_cell">-</div>
    <div class="clear"></div>
    <!--8th row --->
    <div class="cell_short table_cell">8</div>
    <div class="cell_medium table_cell">Nickname</div>
    <div class="cell_short table_cell">-</div>
    <div class="clear"></div>
</div>​

还有这种风格

.table {
border-spacing: 2px 1px;
background-color: black;
width: 316px;
}
.table_cell {
height: 30px;
line-height: 30px;
position: relative;
display: table-cell;
background-color: red;
}
.cell_short {
width: 80px;
text-align: center;
}
.cell_medium {
width: 150px;
text-align: center;
}​

jsFiddle

如您所见，我有一个有几行的表。一行的每个单元格都有边框间距：2px 1px。当我尝试使用 jquery 从 DOM 中删除一行时，会删除整行但保持边框间距：2px 1px。如果我删除几行边框间距：2px 1px 累积并留下大空间。我不知道这是否微不足道，但我找不到任何相关的东西。

谁能启发我为什么会这样？

4

1 回答 1

0

如果不给我们 javascript 脚本，就很难猜出问题所在。

无论如何，您为什么不创建表格而不是创建 div 的色调？

如果您的目标是获得一张桌子，请使用一张桌子。调整你的 CSS 也会更容易！之后使用 javascript 更容易修改。

学习表格：http ://www.quackit.com/html/html_table_tutorial.cfm

一旦你有了你的表，只需为每一行添加一个不同的 id ( <tr id=row_numb>...</tr>)，然后使用 javascript，你就可以删除想要的行。

结果，您的错误将消失（css 将始终跟随），并且您将拥有更清晰的代码。

于 2012-11-16T14:54:28.713 回答