0

画像に表示した「Low」のテキストと矢印を揃えようとしています。基本的には、テキストと矢印 (低) を青いグラフの数ピクセル下に配置する必要があります。つまり、チャート 3 です。

データベースからこれらの青いバーを生成し、テーブルを作成しています。コードは次のとおりです。

.lower { 
    display: block; 
    font-size:7pt; 
    color:#666666; 
    position:relative; 
    bottom: 5px; 
    left:-25px;
}

<td valign="bottom" style="width:8px;height:20px;"
    <div style="padding: 0px;width:8px;height:" . round($var/2.5) . "px;background-position:bottom;background-repeat:no-repeat; display: block;">
        <div class="lower" >Low <img src="icon-sort-up.png" />
        </div>
    </div>
</td>

$var/2.5「高」テキストと矢印を揃えるために高値を計算するround( ) が、どういうわけか低テキストに影響を与えています。

忙しい猫 http://sandbox.visistat.com/partner-reports/live3/pulse.png

4

1 に答える 1

0

「低い」divを「高い」divにネストしているため、ラウンド（$ var / 2.5）も「低い」divに影響を与えています。round（$ var / 2.5）は個別のCSSファイルではなくインラインで書き込まれるため、cssファイルにあったものはすべて無視され、代わりにインラインスタイルが採用されます。

これを防ぐには、最初のdivの中にネストする代わりに、最初のdivの下に「下の」divを配置します。

また、タイプミスの可能性はありますが、コード例で開始tdタグを閉じていません。

于 2012-07-02T19:25:02.257 に答える