2012-04-10 51 views
1

在我的網頁中,我有一個菜單(HorizontalPanel),它應該被鎖定到頁面的按鈕。爲此,我嘗試使用RootLayoutPanel類,並在其中添加了一個南部小部件,並且我成功完成了這個任務。但問題是菜單不居中。 我嘗試添加另一個CSS中,我寫了(並注意位置):刪除由GWT生成的絕對位置

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

但是當頁面redered,位置由GWT設置爲絕對的。 我試圖通過將此河旁的代碼強制的位置,但它沒有工作:

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

那麼,有沒有解決辦法來解決? 謝謝

回答

1

您是否試過加入!important;? 贊:

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

雖然不是最好的解決方案。

+0

Waw!非常感謝解決方案,但是來自W3C的這個標籤(!important)還是由GWT社區製作的? – 2012-04-10 21:03:27

+0

與GWT無關,自CSS1以來一直在CSS中:)。雖然這個解決方案既快速又骯髒,但我建議您瞭解如何使用GWT來實現。 – Ray 2012-04-10 21:09:54

+0

啊!好的,我找到了這個鏈接http://webdesign.about.com/od/css/f/blcssfaqimportn.htm。非常感謝你的幫助。 – 2012-04-10 21:10:47