css - 移除 GWT 生成的绝对位置

Question

在我的网页中，我有一个菜单 ( HorizontalPanel)，应该附加到页面的底部。为此，我尝试使用RootLayoutPanel该类并在其中添加一个南小部件，并且我成功地做到了。但问题是菜单没有居中。我尝试添加另一个我写的 CSS（并注意位置）：

.cetrer {
    Margin-left : auto;
    margin-right: auto;
    position: relative;
}

但是当页面被重新渲染时，位置被 GWT 设置为绝对。我试图通过将此 lign 添加到代码中来强制该位置，但它不起作用：

DOM.setElementAttribute(menuBar.getElement(), "style", "position: relative;");

那么有什么解决方法可以解决吗？谢谢

score 1 · Accepted Answer

你试过添加!important;吗？像：

.cetrer {
    Margin-left : auto;
    margin-right: auto;
    position: relative !important;
}

虽然不是最好的解决方案。

1 回答 1