java - 用于文本填充的带有 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 元素。