jquery - 样式化自动生成的 HTML

标签 jquery html css

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

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

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

最佳答案

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

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

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

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

关于jquery - 样式化自动生成的 HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11941787/

相关文章:

单击任何其他元素时,Javascript 更改 css

javascript - 如何通过类名删除没有内容的html元素?

jquery - 调整 jQuery BlockUI 插件的默认行为

javascript - Twitter Bootstrap 轮播不旋转图像

css - 从 Facebook 广告 API 使用 PreviewCSS

html - 自定义 CSS 颜色叠加

javascript - jQuery解析HTML而不加载图像

html - 某些背景颜色未加载 Outlook 2016

javascript - 从整个 `div` 标签中移除包装器 `h1 - h6` 并只包装当前标签

javascript - jQuery fadeToggle 导致表格边框出现