2012-08-13 36 views
0

我有以下的HTML输出,我不能改变。我想为label文本(即名称)指定宽度和文本右对齐,但因为我无法更改输出,所以我无法做到这一点。是否仍可以在不更改HTML的情况下执行此操作?造型自动生成的HTML

<label>Name:<br><input type="text" value="" name="name"></label> 

PS。我想在同一行显示标签文本和输入字段,所以我已经为<br>设置了float: left

+3

他们是在某种父容器中?你可以在你的css中使用'.parentcontainer label {text-align:left}'。 – 2012-08-13 20:29:44

+0

你正在漂浮一个'br'元素?这是一个巧妙的解决方法。在我的工作中,我也无法控制标记,并且被CSS卡住了'黑客'。顺便说一句,如果你提供了更多的标记,比如父元素和它们的CSS属性,它可能会更容易。 – 2012-08-13 20:33:23

+0

@KevinB谢谢,但正如我所说,我想设置标签文本的宽度,因为有多个字段,所以我希望他们有相同的宽度。 – user1355300 2012-08-13 20:38:20

回答

2

只要将BR设置为display: none;应使所有内容都显示在同一行上。您可以设置文本对齐方式的input标签与text-align: right还有:

http://jsfiddle.net/kkgbV/1/

您也可以label块元素,并input浮动的权利:

http://jsfiddle.net/kkgbV/4/

+0

谢谢,但我想设置宽度,就像我上面说过的。 – user1355300 2012-08-13 20:38:38

+0

因此,使'标签'块元素,并使'输入'漂浮在右边。 – 2012-08-13 20:45:44

+0

或绝对定位“输入”。 – 2012-08-13 20:47:00