用于文本填充的带有HTML CSS的GWT标签

Question

我在GWT中有一个HTML标签

    Label L1 = new HTML("<span class=noMargin><img src=b0.png width=30 height=30></span><span class=legendText>$0 - $"+cutoffs.get(0)+"</span>");
    dock1.addNorth(L1,5);

我想要的是图像显示在标签的底部，文本在标签内垂直居中。最终发生的是图像和文本最终从legendText css获得底部填充。这是有问题的CSS。

.legendText{
padding-bottom: 10px;
}

.noMargin{
padding-bottom: 0px;
}

Answer 1

我不认为GWT中的HTML会影响对齐。请参阅：How do I vertically align text next to an image with CSS?

即。将style="vertical-align:middle"添加到您的img元素中。