Html Table alignment right

Question

-------------------------------- 
| item a     item b | 
| item c   item d item e | 

--------------------------------- 
| item a   item b   | 
| item c   item d item e | 

我在表中有兩行，我希望它們每個都有一個左對齊的項目和一些右對齊的項目，就像上面的第一個示例中一樣。

但是，當我設置item b，item d和item e到align="right"，我得到上面的第二個例子的行爲。爲什麼item b與item d排隊，而不是right？

編輯：Jsfiddle

Answer 1

你有一些不正確的語法。當我相信你的意思是style="text-align:right;"時，你正在使用style="align-right"。您還需要一個colspan="2"添加到需要跨越2列<td> - 又名「B項」細胞：

<table width="500px"> 
    <tr> 
     <td> 
      item a 
     </td> 
     <td style="text-align:right;" colspan="2"> 
      item b 
     </td> 
    </tr> 
    <tr> 
     <td> 
      item c 
     </td> 
     <td style="text-align:right;"> 
      item d 
     </td> 
     <td style="text-align:right;"> 
      item e 
     </td> 
    </tr> 
</table> 

http://jsfiddle.net/A5LDZ/2/