当使用javascript/jquery添加值时,html文本输入表显示不正确
html table of text inputs not displaying correctly when values added with javascript/jquery
我有一个html表,其中(td
)单元格包含文本输入(<input type="text"/>
)。一切都很好(用户可以在输入中键入OK),除了当I .append()
输入单元格有值的行时,当在输入上方添加额外的边距时,破坏了表行的对齐(这在chrome和safari中发生,但firefox可以)。
$('.myTable').append('<tr><td><input type="text" value="product code 1"/></td>'+
'<td><input type="text" disabled="disabled"/></td></tr>');
我在css中找不到任何内容。有人遇到/解决了这个问题吗?
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu,nav, output, ruby, section, summary,
time, mark, audio, video {
margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;
}
删除vertical-align:baseline;
位解决了问题!或者,去除tbody
、tr
和td
也起作用。非常感谢人们的帮助。
相关文章:
- 我收到消息“资源解释为脚本,但使用 MIME 类型文本/html 传输”
- 如何使按钮单击并更改以前显示的文本(html)
- 使用 Javascript 解析电子邮件源的文本/html 部分
- Javascript/jQuery,将CSS应用于包含特定文本/html的元素
- jQuery文本html操作,以查找大量文本中出现的字符,然后更改其颜色
- 使用 Jquery 创建具有转义文本 + HTML 的元素
- 在空节点(如文本节点)中添加文本/html
- 从网站获取特定文本 (html)
- 如何解决“资源解释为脚本但使用 MIME 类型文本/html 传输”
- 请求 JSONP 时的文本/html 输出
- 将元素添加到 DOM 给定的纯文本 HTML 中,仅使用纯 JavaScript(没有 jQuery)
- 在gmail撰写邮件区域中获取选中/突出显示的文本html
- 如何确定是否在父元素的开始或结束存在文本?HTML DOM &JavaScript
- 在输入文本html中显示格式
- 如何使纯文本html javascript
- 资源解释为脚本,但传输MIME类型文本/html javascript
- 从Javascript传递文本- HTML- PHP
- 从DOM对象中获取文本/html
- 脚本类型=“文本/ html"从文件中包含HTML
- jsFiddler.NET中的文本/HTML编辑器