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

- xdumaine

---

你有可以在这里发布或者 jsfiddle 上分享的代码吗？我通常觉得如果我能够操作代码来帮助解决问题会更有帮助。 - Jem

您想在这里粘贴您的代码吗？ - Pir Abdul

你可能在那个 tr 中漏掉了一个单元格，或者没有添加 colspan=2，但是如果没有看到你的代码，我们无法确定。 - prodigitalson

Answer 1

您的语法有些错误。在我看来，您使用了style="align-right"，但我认为您想使用style="text-align:right;"。您还需要将<td>添加一个colspan="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/

- AlienWebguy

---

+1 是的，colspan 解决方案甚至更好，可以节省一些文本。 - emboss

哈！谢谢，我在我的jsfiddle中确实有语法错误。我只是为了提问而快速组合了它，并且在我的原始代码中没有那个错误。我试图使用td属性align而不是样式。所以，我最初使用的是align="right"而不是style="text-align:right"，但无论哪种情况，都是colspan起了作用。 - xdumaine