Html 如何在表格单元格(td)中定位元素,使一个元素左对齐,另一个元素右对齐?

Html 如何在表格单元格(td)中定位元素,使一个元素左对齐,另一个元素右对齐?,html,css,html-table,css-tables,Html,Css,Html Table,Css Tables,给出下面的html代码: <tr> <td>Some text <a href="">Some link</a> <button>Some Button</button></td> </tr> 一些文本一些按钮 我想实现这样的目标: 我是否需要添加额外的标记,例如包装div,使一个向左浮动,另一个向右浮动?我还需要td中的元素垂直对齐 用最少的额外加价来实现这一目标的最佳方法是什么 我

给出下面的html代码:

<tr>
   <td>Some text <a href="">Some link</a> <button>Some Button</button></td>
</tr> 

一些文本一些按钮
我想实现这样的目标:

我是否需要添加额外的标记,例如包装div,使一个向左浮动,另一个向右浮动?我还需要td中的元素垂直对齐

用最少的额外加价来实现这一目标的最佳方法是什么

我这里有示例代码:

一个相关的问题是,当一个单元格包含浮动元素时,如何保持表格单元格之间的文本对齐一致


嗨,现在把你的Button中的float元素给我

<button style="float:right;">Some Button</button>

CSS:
td按钮{float:right;}


排序。

如果我在IE7/IE8/IE9中应用td按钮{float:right;},一些文本和一些链接会上移,因此不会与其他表格单元格中的文本对齐。有没有办法避免这种上移。在一个单元格中浮动一个元素的问题是,与其他单元格相比,该单元格中的文本不对齐。您可以向浮动元素添加任意边距(甚至负边距),以更正任何对齐问题。
<button class="fr">Some button</button>
.fr{
float:right;
}