Как расположить виджет по центру экрана в ванильном GWT?

Question

Я хочу центрировать виджет в середине окна браузера (по горизонтали и вертикали). Я не хочу растягивать виджет для заполнения корневой панели и не хочу использовать всплывающее окно.

Есть ли простой способ добиться этого?

Спасибо

Answer 1

Вы можете сделать это программно, как показано в ответе выше, или использовать CSS. Чтобы сделать это CSS-способом, сначала прикрепите имя стиля к вашему виджету:

panel.setStyleName("style")

и в вашем CSS-файле приложения сделайте следующее:

.style {
    margin-left: auto;
    margin-right: auto;
}

Это должно центрировать виджет в вашем окне.

Надеюсь, это поможет!

Answer 2

Извините, что воскресил старый вопрос, но принятый ответ не касается всего вопроса.ОП хотел знать, как центрировать как по горизонтали , так и по вертикали .

. Просто примените стиль:

width: 300px; //or some other width
height: 300px; //or some other height
margin: auto;

к вашему виджету и убедитесь, что родительский виджет заполняетсявсе окно.Один из способов сделать это - применить следующий стиль к родителю (при условии, что родитель является элементом верхнего уровня):

height: 100%;
width: 100%;

Надеюсь, это поможет кому-то, кто может наткнуться на этот поток.