2

给定下面的html代码：

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

我想实现这样的目标：

表的图像

我是否需要添加额外的标记，例如包装 div 以将一个浮动到左侧，另一个浮动到右侧？我还需要 td 中的元素垂直对齐。

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

我在这里有示例代码：http: //jsfiddle.net/stormwild/AAw78/17/

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

在此处输入图像描述

4

2 回答 2

10

CSS：td button { float: right; }

排序。

于 2012-09-03T04:14:35.033 回答
3

嗨，现在给你按钮中的浮动元素

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

演示

或者

<button class="fr">Some button</button>

CSS

.fr{
float:right;
}
于 2012-09-03T04:14:33.387 回答