html – 如何在div中对齐文本字段

发布时间：2020-12-14 22:30:23 所属栏目：资源来源：网络整理

导读：我试图在div中对齐文本字段并使它们向左浮动,使它们看起来像一个表. 我想要一个如下布局： Label1: TextField Label2: TextField Label3: TextFieldLabel4: TextField Label5: TextField Label6: TextField 我试图这样做,但它不会出来正确. http://jsbin.com

我试图在div中对齐文本字段并使它们向左浮动,使它们看起来像一个表.

我想要一个如下布局：

Label1: TextField    Label2: TextField     Label3: TextField
Label4: TextField    Label5: TextField     Label6: TextField

我试图这样做,但它不会出来正确. http://jsbin.com/izuwi3/edit

解决方法

我把它放在一起非常快,所以它肯定可以改进,但这样的事情怎么样？

http://jsfiddle.net/LBcp5/1/

我正在做的主要是创建一个容器,用于表中的行.我这样做的方式如下：

<div class="row">
   // put whatever you want in here
</div>

…我正在使用clear来设置这个行类：两者都是这样,每行都将在它自己的行上.您可以添加< div>每行中的元素,尽可能多的元素,并将它们浮动到左侧或使用display：inline来获得所需的效果.

因此,当您需要多行时,可以创建多个这些行容器.查看上面的jsFiddle演示示例.

我希望这有帮助.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!