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

我有一个HTML <table>的单元格。 我希望部分单元格内容是正确的,部分是正确的。 这可能吗?

如果你想让他们在不同的线路上做Balon所说的话。 如果你想要他们在同一行,做:

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

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

| 左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> 

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

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

你是这个意思吗?

 <!-- ... ---> <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样式并不是必需的,但会让浏览器更容易看到这个例子

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

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

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

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

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

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