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

前端之家收集整理的这篇文章主要介绍了html – 如何在div中对齐文本字段前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图在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演示示例.

我希望这有帮助.

猜你在找的HTML相关文章