2

divがあり、div内の要素を水平に配置したい。

これが私の小さなコードです

<div>
    <g:Label>Legal Name </g:Label>
    <g:TextBox> </g:TextBox>
</div>

divにこれらの2つの要素があり、それらを1行に配置したいのですが、ラベルを取得し、次の行にテキストボックスを取得しています。両方を1行で作成する方法はありません。

disply:inlineは動作します..しかし

これは可能ではありませんか..?

            <div className="test">

    <g:Label>Legal Name </g:Label>
    <g:TextBox ui:field="txtLegalName"></g:TextBox>

    </div>

css:

   .test{
display:inline-block;

}

私は実際にコードを減らしたいのですが、このdivには多くの要素が含まれるため、このスタイルをDivのすべてのウィジェットに適用したくありません。

ありがとう

4

4 に答える 4

5

floatまたはdisplay:inline-blockを定義します。このように書いてください:

label,input{display:inline-block}
于 2012-09-10T10:46:48.280 に答える
0

使用float:leftfloat:rightプロパティ。

こちらのデモhttp://jsfiddle.net/suw8R/4/

于 2012-09-10T10:46:51.500 に答える
0

要素を1行にする必要がある場合は、CSSwhite-spaceプロパティを使用して、親に行を折り返さないように強制する必要があります。

parentElementSelector {
    white-space: nowrap;
}

parentElementSelector childElements {
    display: inline;
    /* or:
    display: inline-block;
    */
}

プロパティのみを使用する場合display、要素は親コンテナ内の行の終わりに到達したときに折り返されますが、nowrap強制的に行は続行されます。設計/要件に応じてoverflow、親要素(hidden、など)の動作を指定することもできます。overflow-x

于 2012-09-10T10:49:39.350 に答える
-1
<g:HorizontalPanel>
    <g:Label>Legal Name </g:Label>
    <g:TextBox> </g:TextBox>
</g:HorizontalPanel>
于 2012-09-10T10:48:00.200 に答える