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");

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

为什么＆＃34;保证金＆＃34; CSS样式在FlowPanel（GWT）中不起作用？

1 个答案: