0

DecoratorPanelGWT でコンテンツを正しく配置するのに問題があります。

次のコード スニペットを使用すると、すべてのコンテンツが中央に垂直に配置されているように見えます (?)

DecoratorPanel decor = new DecoratorPanel();
decor.setHeight("100%");
decor.add(new Label("Test"));

説明する図:

             --------                 --------
I get this:  |      |    I want this: |test  |
             |      |                 |      |
             |test  |                 |      |
             |      |                 |      |
             |      |                 |      |
             --------                 --------

試してみdecor.getElement().getStyle().setVerticalAlign(VerticalAlign.TOP);ましたが、何の影響もないようです。

コンテンツをパネルの上部に揃えるにはどうすればよいですか?

アップデート：

LayoutPanela の代わりに aを使用すると、DecorPanelすべてが適切に整列しているように見えることに気付きました。

問題は、私が定期的に使用していることPanelsでしょLayoutPanelsうか? もしそうなら、なぜ私は問題を抱えているのですか?

4

3 に答える 3

0

要素を取得しtdます。

... . getElement().setStyleName("myStyle");

次に、CSSで

.myStyle td{
vAlign : centre;
}
于 2013-03-29T04:47:45.783 に答える
0

DecoratorPanel は、画像を配置するために使用される 9 ボックスのパネルです。特に、ウィジェットの角を丸くする効果に特に役立ちます。100% に設定すると、ウィジェットの周りにセルがあり、すべてのセルの幅と高さが適用される可能性があります。中央にラベルが見えます。

于 2013-03-29T05:21:31.577 に答える
0

ADecoratorPanelは HTMLtableを使用し、もう一方はdiv. したがって、コンテンツではなく要素にDecoratorPanel垂直スタイルを設定すると、表示さtableれる内容と、このパネルを使用しない理由が説明されます。したがって、divベースのパネルを使用するか、ラベルまたは に配置を設定する必要がありますtd(これは ですが、これはlabel.getElement().getParent()少し見苦しく、将来のバグが発生しやすくなります)。

于 2013-03-28T21:55:07.690 に答える