前端之家收集整理的这篇文章主要介绍了
html – 拉伸输入字段高度以填充表格单元格,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何使用普通css为ie8将输入字段拉伸到表格单元格的高度?
<table>
<tr>
<td>line1<br />line2</td>
<td><input type = "text" /></td>
</tr>
</table>
高度:输入100%不起作用,也不组合:
height:inherit;
display:inline-block;
position:relative;
如果答案是你不能,那就没关系,我会把一些jquery放在一起做.
解决方法@H_403_12@
添加填充:0到td和高度:100%输入
input{
height:100%;
display:inline-block;
position:relative;
}
td{
border:solid green 1px;
background:pink;
padding:0
}
DEMO
原文链接:https://www.f2er.com/html/225637.html