在相同的HTML表格单元格中右alignment并左alignment文本

我有一个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

这是可能的，但如何取决于你想要完成什么。 如果是这样的话：

| 左alignment右alignment| 在一个单元格中，你可以在td标签中使用浮动div：

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

如果是| 左alignment
右alignment|

那么Balon的解决scheme是正确的。

如果是：| 左alignment| 右alignment|

那就是：

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

Answer 3

我试图弄清楚如何在表格单元中显示货币（'$'左边，数字右边）

 <div class="currency">20.34</div> .currency { text-align: right; width: 100%; } .currency:before { content: "$"; float: left; } 

Answer 4

你是这个意思吗？

 <!-- ... ---> <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> <!-- ... ---> 

Answer 5

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> 

Answer 6

Tor Valamo对我的贡献有点贡献的答案是：在“td”元素中使用属性“nowrap”，并且可以删除“width”规范。 希望能帮助到你。

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

Answer 7

当然，但你需要将这些“块”包装在单独的标签中，并将这些alignment应用到这些标签上。

Answer 8

你可以使用像这样的东西：

 <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%是为渲染者提供一些空间来环绕。

而且您可以使用<div>或<span>