我如何给<tr>
负边际以向上移动呢?我想搬家.small-item-block
<tr>
<td class="item-name">Caprese</td>
<td class="item-description">Fresh mozzarella, tomato, fresh basil and balsamic vinegar on a bed of spinach.</td>
<td>$4.00</td>
<td>$20.00</td>
</tr>
<tr class="small-item-block" >
<td class="item-name"></td>
<td class="item-addition-name">Add Bacon</td>
<td class="item-addition-price">$1.00</td>
<td class="item-addition-price">$3.00</td>
</tr>
的CSS
tr.small-item-block {
margin-top: -10px;
border-spacing: -10px;
}
这是JS Fiddle。
您实际上不能将行移动到高于其上一行的位置,所以我认为最好的选择是从该行中的<td>
s删除边距/填充<tr>
。例:
tr.small-item-block td {
margin-top: 0;
padding-top: 0;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句