HTML表格单元格对齐

Question

我正在使用jQuery mobile，我想创建一个看起来像

的列表视图

实现起来非常简单，除了右边列的右对齐外，我几乎得到了所有内容。 请注意，右列上的每三个单元格都已合并。 任何帮助表示赞赏。 谢谢。

更新： 这是我的代码：

<ul data-role="listview" id="mylist"><li><table><tr><td><label class="label1">EUR</label></td><td rowspan="3"><label class="price">1.3245</label></td></tr><tr><td><label class="label2">vs</label></td></tr><tr><td><label class="label3">USD</label></td></tr></table></li><li><table><tr><td><label class="label1">EUR</label></td><td rowspan="3"><label class="price">0.89</label></td></tr><tr><td><label class="label2">vs</label></td></tr><tr><td><label class="label3">GBP</label></td></tr></table></li></ul>

Answer 1

好吧，因为你没有发布你的代码，我只能帮助你做什么

View here

代码：

jQuery('tr').each(function() {
  if (this.cells[1]) {
    this.cells[1].style.textAlign = 'right';
  }
});

Answer 2

经过一段时间的努力，我发现了问题所在。在我的代码中，我正在创建几个表。 （每个<li>一个表。）因此，当我右对齐右列中的文本时，它与每个表中的右对齐。但是当所有这些表格都在另一个之下时，文本似乎没有正确对齐。 解决方案是在所有表中右对齐右列，并在所有表中保持固定宽度。 .price{ font-size: 30px; width:200px; text-align: right; }

感谢Joe W和Rafael de Souza的帮助。

Answer 3

如果你通过添加text-align：right来改变你的css，它应该可以得到你需要的结果。

之前：

.price{ font-size: 30px;}

后：

.price{ font-size: 30px; text-align: right;}