提问者:小点点

为什么边距CSS样式在FlowPanel(GWT)中不起作用?


我正在使用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之间没有间隙

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

这是上面代码的javascript

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

你知道为什么吗?


共1个答案

匿名用户

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

如果您想同时使用两种样式,并且您的样式占上风,请使用

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

如果您不希望应用标准GWT样式,请使用:

myButton.setStyleName("marginRight");

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