2

我有一个 div，我希望 div 内的元素水平放置。

这是我的小代码

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

我的 div 中有这 2 个元素，我想将它们放在一行中，但是我得到了一个标签，然后在下一行我得到了文本框，知道如何将它们放在一行中。

显示：内联有效..但是

这不可能吗..？

            <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:left和float:right财产。

在这里演示http://jsfiddle.net/suw8R/4/

于 2012-09-10T10:46:51.500 回答
0

如果您要求元素在一行中，则需要使用 CSSwhite-space属性强制父级不要换行：

parentElementSelector {
    white-space: nowrap;
}

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

如果仅使用该display属性，则元素将在其父容器中到达行尾时换行，而nowrap强制行继续。您可能还希望根据您的设计/要求为父元素（ 等）指定行为overflow。hiddenoverflow-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 回答