0

後に「V」を付けて表示したいテキストがあり、右に浮かんでいます。テキストは電圧 (したがって V) です。を持ち、idJavaScriptで計算されます。

これを行うためのきちんとした方法があると確信していますが、私は経験が浅く、物事を複雑にしすぎて、どこにも行きません!

私はこれを試しました：

<h3><span id="voltsSensor2"; style="float:right" >2.99</span>V</h3>

しかし、V はスパンの外側にあるため、左のままです。

また、h3 タグを CSS ですべてフロートさせようとしましたが、何らかの理由で、この例のように CSS で定義されている境界線を持つボックスである div 領域の外側にテキストを配置します。

<div class="ex">
    <h1 id = nameS1>Sensor 2</h1>
    <h2>Temperature</h2>
    <h3><span id="tempSensor2">18.5</span>&#176C</h3>

    <div style="width:255px; height:13px; background-color:#ddd;">
        <div id ="barTempS2" style="width:60px; height:13px; background-color:#366; border-right:1px white solid;"></div>
    </div>

    <h2>Humidity</h2>
    <h3><span id="humSensor2">55.0</span>%RH</h3>

    <div style="width:255px; height:13px; background-color:#ddd;">
        <div id ="barHumS2" style="width:140px; height:13px; background-color:#366"></div>
    </div>

    <h4><span id="voltsSensor1">2.99</span>V</h4>
    <img src="images/greyCornerRhb.png" width="12" height="12" alt="Sensor Name"; style="float:right">
</div>

もっと簡単な方法があると確信しています。助けていただければ幸いです。

4

3 に答える 3

3

text-align: right;親要素でa を使用するだけで、 float.

于 2012-11-13T12:59:43.740 に答える
1

これを試して：

<h3 style="float:right"><span id="voltsSensor2">2.99</span>V</h3>
<div style="clear: both"></div>

JSFiddle: http://jsfiddle.net/BJPUv/

div は浮動要素の高さを許可するため、それらclear:bothは div から浮動しません。

于 2012-11-13T12:58:40.577 に答える
0

あなたが非常に簡単にできる2つのこと。V を独自のスパンに固定し、両方のスパンに position:relative と float:right を指定します。または、番号の範囲に V を貼り付けます。値を計算した後、js コードに「V」を追加できます。

于 2012-11-13T12:59:13.927 に答える