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

我在HTML中有一个单元格

。我希望单元格内容的一部分左对齐，另一部分右对齐。这可能吗？

你是说这样吗

<!-- ... --->
<td>
   this text should be left justified
   and this text should be right justified?
</td>
<!-- ... --->

此文本应左对齐
这个文本应该是正确的吗？

如果有的话

<!-- ... --->
<td>
   <p style="text-align: left;">this text should be left justified</p>
   <p style="text-align: right;">and this text should be right justified?</p>
</td>
<!-- ... --->

此文本应左对齐

该文本应该右对齐吗

如果你想让它们单独出现，就按巴隆说的做。如果希望它们在同一行上，请执行以下操作：

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

这是左边
这是对的

td样式是不必要的，但会使您更容易在浏览器中看到此示例

<table>
 <tr>
  <td style="border: 1px solid black; width: 200px;">
  <div style="width: 50%; float: left; text-align: left;">left</div>
  <div style="width: 50%; float: left; text-align: right;">right</div>
  </td>
 </tr>
</table>

左边
正确的

您可以使用以下内容：

<td> 
  <div style="float:left;width:49%;text-align:left;">this is left</div> 
  <div style="float:right;width:49%;text-align:right;">this is right</div> 
</td>

这是左边
这是对的

49%

是为了给渲染器一些空间来包装东西

---

您可以使用

或

这是可能的，但如何使用取决于您试图实现的目标。如果是这样的话：

|左对齐右对齐|在一个单元格中，然后可以在td标记内使用浮动div：

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


左对齐
右对齐

如果是
|左对齐

右对齐|

那么巴伦的解决方案是正确的

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

然后是：

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

左对齐
右对齐
我是在试图弄清楚如何在表格单元格中显示货币（左边是“$”，右边是数字）时想到这个问题的：

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

.currency {
   text-align: right;
}

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

20.34
.货币{
文本对齐：右对齐；
}
.货币：以前{
内容：“$”；
浮动：左；
右侧填充：4px；
}
Tor Valamo的回答，我的一点贡献：在“td”元素中使用属性“nowrap”，您可以删除“width”规范。希望能有帮助

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


这是左边
这是对的
@duffy:不，他是说对齐。我注意到人们经常混淆“对齐”和“对齐”，没有区分对齐-即齐平的线条边缘-和对齐-参差不齐的边缘。事实上，在许多应用程序中，只有“左对齐”。感谢您的更正-我想我是那些困惑的人之一。我不明白为什么我使用“对齐”而不是“对齐”。抱歉。我不认为这是OP想要的。我想他需要一个解决方案，将两个字符串放在一起-“在同一行””“也许你是对的。我不确定他到底要什么。无论如何，我会留下我的评论，因为它可能对某些人有用。为什么o当你可以在同一个元素上使用
text align
时，为什么要在这里使用float呢？然后
这是对的
@Luke:哦，我知道你们要去哪里了。。。制作专栏，我认为这是对他所问问题的自然解释…：-）有没有办法防止“this Is left”和“this Is right”中的换行符我的td没有指定的宽度，我的页面有很大的空间，但浏览器一直在插入换行符。你可以在左侧文本周围放置div，然后使用右侧浮动符。您还可以删除宽度。如果使用跨度，还必须设置
display:block
，宽度属性才能生效。HTML
align
属性自年以来已被弃用。