FlowPanelに余白を追加する方法は？

私はcom.google.gwt.user.client.ui.FlowPanelを使用していますウィジェットはお互いに非常に近いです。しかし、私はマージンを設定する方法を理解できませんか？FlowPanelに余白を追加する方法は？

おそらくレイアウトは改善されていますか？私はちょうど1つ1つに位置するいくつかのアンカーのためのコンテナが必要です。

2011-10-26 javapowered

あなたがいずれかのプログラムでそれを行うことができます：flowPanel.getElement().getStyle().setProperty("margin", "10px");

またはマージン（YourCssClassWithMargin{ margin: 10px; }）を宣言するCSSクラスと

：

- >あなたはこのようCSSスタイルを追加UiBinderサンプルメッセージを使用する場合：

<g:FlowPanel styleName='YourCssClassWithMargin'>

- >あなたはこの方法をUiBinderサンプルメッセージ使用しない場合：

flowPanel.addStyleName("YourCssClassWithMargin");

出典

2011-10-26 14:22:09 kgautron

その 'flowPanel.getElement（）でgetStyle（）のsetProperty（ "余白"、 "10pxの"）;。。'。これは別のことです。このコードは、フローパネルの境界にスペースを追加します。しかし、私はウィジェットの間にスペース*を追加する必要があります* flowPanel – javapowered

私は 'flowPanel'ではなく' anchor'にマージンを追加するとOKです。しかし、このコードは垂直と水平の両方のマージンを追加します。私は水平マージンだけ必要です、私は垂直マージンを必要としません - それは可能ですか？ – javapowered

はい余白の代わりにmarginLeftおよび/またはmarginRightを使用します。 – kgautron

CSSはselectorsを使用しています。

すべてDivs内のすべてのAnchors（FlowPanelは正常Divである）あなたはこのCSSを使用しmarginを適用したい場合：あなただけAnchorにmarginを適用したい場合

div a { 
    margin:10px; 
}

でごFlowPanelあなたはこのような何かになります：あなたはヨーヨーにFlowPanelStyleを適用しなければならない

.FlowPanelStyle { 
    margin:10px; 
}

をウルFlowPanel

yourFlowPanel.addStyleName（ "FlowPanelStyle"）を呼び出すことによって、

出典

2011-10-26 15:07:49

新しいメソッドは、すべてのプロパティ要素を別のメソッドとして追加しました。これは、のような非常に便利来る

私が試した

`flowPanel.getElement().getStyle().setMargin(10, Unit.PX);` 
`flowPanel.getElement().getStyle().setMarginLeft(10, Unit.PX);` 
`flowPanel.getElement().getStyle().setMarginRight(10, Unit.PX);` 
`flowPanel.getElement().getStyle().setMarginTop(10, Unit.PX);` 
`flowPanel.getElement().getStyle().setMarginBottom(10, Unit.PX);`

出典

2014-08-18 06:44:33 Jess

FlowPanelに余白を追加する方法は？

答えて

関連する問題