如何正确地将网页上的文本框与标签对齐

Gra*_*ant 2 css asp.net alignment styling

这是一个CSS /设计问题.我有三个文本框,我想在网页上居中对齐.然后我想在每个人的右边有一个标签说明.

当我使用像text这样的属性时:align:center因为标签的长度不同,它会抛出文本框的对齐[见下面的图像链接]

http://www.mediafire.com/imageview.php?quickkey=qcyoajm2iuk

是否有一种简单的方法可以保持文本框对齐,然后在不更改文本框的情况下使标签偏离右侧?

谢谢.

meo*_*meo 5

基本上你必须为表单和float: left输入以及float: right标签定义宽度,因此标签会在输入旁边.这是一个在CSS中居中相对possitionet元素的技巧:margin: 0 auto但你必须定义一个宽度.

你会遇到的问题是你所有的输入都会彼此相邻.为了防止您将标签嵌套并输入元素.并清除浮子.我会使用UL LI元素而不是段落(如PW示例中所示),因为大多数时候,您的表单是一个问题列表.

我为你做了一个例子:http: //jsfiddle.net/Qs4pk/2/