在 gwt 中對齊網格中的單元格內容

Question

我正在嘗試對齊 Grid(1,4) 中的 Grid-cells 的內容。 每個單元格都包含一個列表框。 我將 CSS 應用於每一列，雖然我可以調整寬度，但我無法設法將列表框居中對齊。 即使我直接在它們而不是單元格上應用 CSS，ListBoxes 也不會移動到單元格的中心。 .important 不會改變任何東西嗎？ 可能有什么問題：這是相關代碼：

Grid mYGrid = new Grid(1, 4);

    mYGrid.addStyleName("mYgrid");
    mYGrid.getCellFormatter().setWidth(0, 0, "150");
    mYGrid.getCellFormatter().setWidth(0, 3, "150");

    mYGrid.setWidget(0, 1, getMonthsList() );
    mYGrid.setWidget(0, 2, getYearsList() );

    mYGrid.getColumnFormatter().setStyleName(1,"monthsCell");
    mYGrid.getColumnFormatter().setStyleName(2,"yearsCell");

CSS：

.monthsCell{
width:200px;
margin-left: auto;
margin-right: auto;

}

.yearsCell{
width:200px;
margin-left: auto  !important;
margin-right: auto !important;

}

Answer 1

CellFormatter class 中有方法 setHorizo setHorizontalAlignment()和setVerticalAlignment() ：

 Grid grid = new Grid();
 HTMLTable.CellFormatter formatter = grid.getCellFormatter();
 formatter.setHorizontalAlignment(0, 0, HasHorizontalAlignment.ALIGN_CENTER);
 formatter.setVerticalAlignment(0, 0, HasVerticalAlignment.ALIGN_MIDDLE);

在您的 css 中使用vertical-align:middle;替代該方法setVerticalAlignment() 並為setHorizontalAlignment()使用td align 屬性