表格行上的负边距

埃文

我如何给<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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

变换:在<img>上以负边距旋转

来自分类Dev

桌子上的页边距为负的奇怪事物

来自分类Dev

以编程方式在View上设置负边距

来自分类Dev

出现水平滚动条,行的边距为负

来自分类Dev

替代使用负边距?

来自分类Dev

负边距和背景

来自分类Dev

负边距盲注

来自分类Dev

负边距和边界

来自分类Dev

使组件以负边距消失

来自分类Dev

在HTML表格内的图片上添加页边距

来自分类Dev

Android Eclipse-在我的表格布局上增加边距

来自分类Dev

Android Eclipse-在我的表格布局上增加边距

来自分类Dev

背景x重复负边距重叠

来自分类Dev

如何找到边距为负的元素?

来自分类Dev

无负边距的div中心

来自分类Dev

SCSS行为具有负边距

来自分类Dev

负边距不起作用

来自分类Dev

Flexbox 内边框和负边距

来自分类Dev

具有负边距的Element上的TapGestureRecognizer不起作用

来自分类Dev

父 div 上具有负边距的 CSS 浮动列正在堆叠

来自分类Dev

Xamarin表格-按钮边距

来自分类Dev

显示表格边距/填充

来自分类Dev

表格填充/边距/任何

来自分类Dev

Xamarin表格-按钮边距

来自分类Dev

基金会5网格行嵌套负边距

来自分类Dev

由于行的负边距和列的填充,引导程序列的底部边框超出了列的范围

来自分类Dev

网页上的神秘边距

来自分类Dev

使用mpdf在表格中的div上添加边距顶部和底部

来自分类Dev

使用Bootstrap 2.3留给表格的边距