0

我一直在尝试对齐我在图像上显示的“低”文本和箭头。基本上想要我是在蓝色图表下方对齐文本和箭头（低）一些像素。即图表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 中，这就是为什么 round($var/2.5) 也会影响您的“较低”的 div。由于 round($var/2.5) 是内联而不是在单独的 CSS 文件中编写的，因此它将忽略 css 文件中的任何内容并采用内联样式。

为了防止这种情况，您可以将“较低”的 div 放在第一个 div 的下方，而不是嵌套在其中。

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

于 2012-07-02T19:25:02.257 回答