Question

在我的应用中，我有一张表格tr，如下所示

<tr>
  <td><strong>Item Total:</strong></td>
  <td><strong style = "float:right">₹975.00</strong></td>
</tr>

我想先移动td接近我的第二个td。当我应用像margin-left:20px;这样的css时，它会为我提供帮助，但它也会移动我的其他tr td。我不想发生这种事。

我的其他tr如下所示

<tr>
   <td class="item-image"><img alt="Loose" 
   src="loose.png1466140997"> </td>
   <td class="item-name">Loose Tea</td>
   <td class="item-qty">1</td>
   <td class="item-price">₹200.00</td>
</tr>

以下是类似的fiddle。

请帮忙。

Answer 1

试试这个

＆＃13;

<table>
  <tr>
   <td class="item-image"><img alt="Loose" 
   src="loose.png1466140997"> </td>
   <td class="item-name">Loose Tea</td>
   <td class="item-qty">1</td>
   <td class="item-price">₹200.00</td>
  </tr>
  <tr>
    <td colspan="3" align="right"><strong>Item Total:</strong></td>
    <td><strong style = "float:right" >₹975.00</strong></td>
  </tr>
</table>

＆＃13;

Answer 2

我认为，Rockers Technology为您提供正确的答案。除了＆＃34;对齐＆＃34;部分，用HTML5删除。改用CSS。

<强> HTML

<tr><td colspan="3" class="text-right"><strong>Item Total:</strong></td><td><strong style="float: right;">₹975.00</td></tr>

<强> CSS

.text-right { text-align: right; }

有人可以告诉我，为什么我不能在代码片段中使用换行符？ -.-

将表的td对齐到

2 个答案: