Question

我一直在努力调整我在图片上显示的“低”文字和箭头。基本上我想要将文本和箭头（低）对齐蓝色图表下方的一些像素。即图表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）计算我的高位以对齐我的“高”文本和箭头，但不知何故影响我的低文本。

a busy cat http://sandbox.visistat.com/partner-reports/live3/pulse.png

Answer 1

你正在将你的“低级”div嵌入到你的“高”div中，这就是为什么圆形（$ var / 2.5）也会影响你的“低级”div。由于回合（$ var / 2.5）是内联而不是单独的CSS文件，因此它将忽略css文件中的任何内容并改为采用内联样式。

为了防止这种情况，你可以将“lower”div放在第一个div下面而不是嵌入其中。

此外，您并未在代码示例中关闭开头的td标记，尽管这可能是一个错字。

Css位置相对或绝对可变高度

1 个答案: