Html 表格右对齐

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 列的 - 又名“item 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/