jquery - 样式化自动生成的 HTML

Question

我有以下无法更改的 HTML 输出。我想为 label 指定宽度和文本右对齐文本(即名称)，但因为我无法更改输出，所以我无法做到这一点。是否仍然可以在不更改 HTML 的情况下做到这一点？

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

附言。我想在同一行显示标签文本和输入字段，所以我设置了 float: left对于 <br> .

Answer 1

只需将 BR 设置为 display: none; 即可使所有内容显示在同一行上。您也可以使用 text-align: right 在 input 标签上设置文本对齐方式:

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

也可以让label成为 block 元素，input向右浮动:

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