如何将第一个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的情况下做到吗？

Answer 1

编辑：您说您要B1, B2, B3到极右边

只给float: right;至.anchorToRight

演示

CSS

.anchorToRight {
   float: right;
}

Answer 2

我已经看到您添加了anchorToRight类。向右浮动这堂课。

.anchorToRight{
    float:right;
}

Answer 3

嗨，现在在CSS float : right

中定义您的类.char.anchortoRight

像这样

.char.anchorToRight{
float:right;
}

live demo

Answer 4

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

.anchorToRight{
float:right;
}