表格行的负边距

Question

如何给出一个<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小提琴.

Answer 1

你不能移动tr,但你可以将td's 设置为position: relative,然后设置负top属性,如:

tr.small-item-block td {
    position: relative;
    top: -10px;
}

这是你的小提琴更新:http://jsfiddle.net/L4gLM/2/