我正在使用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>
你知道为什么吗?
您可以对按钮应用两种样式:gwt-Button,它指定所有边距为0,以及您自己的样式,它设置右侧10px的边距。
如果您想同时使用两种样式,并且您的样式占上风,请使用
.marginRight{
margin-right: 10px !important;
}
如果您不希望应用标准GWT样式,请使用:
myButton.setStyleName("marginRight");
而不是添加新的样式名称。