html - 如何将第一个 HTML 子元素锚定在左侧，最后一个 HTML 子元素锚定在右侧

Question

请考虑以下简单的示例：http: //jsfiddle.net/mark69_fnd/vtLrt/

如您所见，它打印：

A1 B1
A2 B2
A3 B3 C3 D3 E3 F3 G3

我想看到的是：

A1                B1
A2                B2
A3 B3 C3 D3 E3 F3 G3

即第一个元素锚定在左侧（A1、A2、A3），最后一个元素锚定在右侧（B1、B2、G3）。

没有JS可以吗？

score 2 · Accepted Answer

编辑：你说你想要B1, B2, B3极右，但你的例子显示了一些不同的东西

只要float: right;给.anchorToRight

CSS

.anchorToRight {
   float: right;
}

score 0 · Accepted Answer

我看到你已经添加了 class anchorToRight。将此类浮动到右侧。

.anchorToRight{
    float:right;
}

score 0 · Accepted Answer

嗨，现在.char.anchortoRight在你的 CSS 中定义你的类float : right

像这样

.char.anchorToRight{
float:right;
}

score 0 · Accepted Answer

0

将此 css 添加到您的 css 文件中。

.anchorToRight{ float:right; }

于 2012-11-05T06:01:59.083 回答

4 回答 4