對齊TD向右

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

試試這個

<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>

Answer 2

我認爲，搖椅技術已經爲你正確的答案。除了HTML5以外的「align」部分。改用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; } 

並能有人告訴我，爲什麼我不能在代碼段使用換行？ -.-