css - 为什么 "margin"CSS 样式在 FlowPanel (GWT) 中不起作用？

Question

我正在使用 Gwt。

说我有

.marginRight{
 margin-right: 10px;
}
FlowPanel myFP=new FlowPanel();
Button myButton=new Button("Button");
Button myButton2=new Button("Button2");
myButton.addStyleName("marginRight");
myFP.add(myButton);
myFP.add(myButton2);

运行后，myButton & myButton2之间没有间隙。

注意:按钮采用默认的 gwt-button 样式。所以我不确定这是否是导致问题的主要原因。此外，如果我将标签添加到 FlowPanel 中，那么它可以很好地识别边距。但是 PushButton 不起作用，所以我们可以排除 gwt-button 样式是主要原因。

这是上面代码的javascript

<div><button class="gwt-Button GHKUF0UDD4" type="button">Button</button><button class="gwt-Button" type="button">Button2</button></div>

你知道为什么吗？ ＆ 怎么修？

Answer 1

您将两种样式应用到您的按钮:gwt-Button，它指定所有边距为 0，以及您自己的样式，它将右侧的边距设置为 10px。

如果您想同时使用这两种风格，并且您的风格占上风，请使用

.marginRight{
    margin-right: 10px !important;
}

如果您不想应用标准 GWT 样式，请使用:

myButton.setStyleName("marginRight");

而不是添加新的样式名称。