2

評価バーを作成していますが、現在このコードを持っています

<div class="rating-bar">
    <div style="background-color:#00ff00;height:30px;width:4%; margin-left:20px;"></div>
    <div style="background-color:#ff0000;height:30px;width:2%; margin-left:20px;"></div>
</div>

私の問題は、#00FF00ショーが 1 つの行にあり、#ff0000ショーが別の行にあることです。YouTubeのバーのように、幅に関係なく#00ff00、左右に並べて表示するにはどうすればよいですか。#ff0000

ありがとう

4

2 に答える 2

1

を指定するdisplay:inline-blockと、幅と高さを設定できます。詳細については、インライン ブロックとはを参照してください。

また、要素間のスペースを取り除きたい場合は、Fighting the Space Between Inline Block Elementsを参照してください。個人的には、フォント サイズを設定するのが好きで、コメントをいじったり、マークアップを構造化するのは面倒です。

于 2013-07-06T00:29:47.043 に答える