右对齐并左对齐同一HTML表格单元格中的文本

Question

我有一个HTML格式的单元格<table>.我希望细胞内容的一部分是左对齐的,而部分是正确的.这可能吗？

Answer 1

如果你想把它们放在不同的线上,请按照Balon所说的做.如果您想要它们在同一行,请执行以下操作:

<td>
  <div style="float:left;width:50%;">this is left</div>
  <div style="float:right;width:50%;">this is right</div>
</td>

Answer 2

我试图弄清楚如何在表格单元格中显示货币(左边的'$',右边的数字),我想出了这个:

<div class="currency">20.34</div>

.currency {
   text-align: right;
}

.currency:before {
   content: "$";
   float: left;
   padding-right: 4px;
}

Answer 3

这是可能的,但取决于你想要完成什么.如果是这样的话:

| 左对齐右对齐| 在一个单元格中,您可以在td标记内使用浮动div:

<td>
<div style='float: left; text-align: left'>Left-aligned</div>
<div style='float: right; text-align: right'>Right-aligned</div>
</td>

如果是的话 左对齐
                                           右对齐|

然后Balon的解决方案是正确的.

如果是:| 左对齐| 右对齐|

那就是:

<td align="left">Left-aligned</td>
<td align="right">Right-Aligned</td>

Answer 4

Tor Valamo 的回答从我这边做出了一点贡献：在“td”元素中使用属性“nowrap”，您可以删除“width”规范。希望能帮助到你。

<td nowrap>
  <div style="float:left;">this is left</div>
  <div style="float:right;">this is right</div>
</td>