我有以下的HTML输出,我不能改变。我想为label
文本(即名称)指定宽度和文本右对齐,但因为我无法更改输出,所以我无法做到这一点。是否仍可以在不更改HTML的情况下执行此操作?造型自动生成的HTML
<label>Name:<br><input type="text" value="" name="name"></label>
PS。我想在同一行显示标签文本和输入字段,所以我已经为<br>
设置了float: left
。
我有以下的HTML输出,我不能改变。我想为label
文本(即名称)指定宽度和文本右对齐,但因为我无法更改输出,所以我无法做到这一点。是否仍可以在不更改HTML的情况下执行此操作?造型自动生成的HTML
<label>Name:<br><input type="text" value="" name="name"></label>
PS。我想在同一行显示标签文本和输入字段,所以我已经为<br>
设置了float: left
。
只要将BR
设置为display: none;
应使所有内容都显示在同一行上。您可以设置文本对齐方式的input
标签与text-align: right
还有:
您也可以label
块元素,并input
浮动的权利:
谢谢,但我想设置宽度,就像我上面说过的。 – user1355300 2012-08-13 20:38:38
因此,使'标签'块元素,并使'输入'漂浮在右边。 – 2012-08-13 20:45:44
或绝对定位“输入”。 – 2012-08-13 20:47:00
他们是在某种父容器中?你可以在你的css中使用'.parentcontainer label {text-align:left}'。 – 2012-08-13 20:29:44
你正在漂浮一个'br'元素?这是一个巧妙的解决方法。在我的工作中,我也无法控制标记,并且被CSS卡住了'黑客'。顺便说一句,如果你提供了更多的标记,比如父元素和它们的CSS属性,它可能会更容易。 – 2012-08-13 20:33:23
@KevinB谢谢,但正如我所说,我想设置标签文本的宽度,因为有多个字段,所以我希望他们有相同的宽度。 – user1355300 2012-08-13 20:38:20