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

0

この css を css ファイルに追加します。

.anchorToRight{ float:right; }

于 2012-11-05T06:01:59.083 に答える

score 0 · Accepted Answer

class を追加したのを見ましanchorToRightた。このクラスを右にフロートします。

.anchorToRight{
    float:right;
}

score 0 · Accepted Answer

こんにちは.char.anchortoRight、css でクラスを定義しますfloat : right

このように

.char.anchorToRight{
float:right;
}

4 に答える 4