HTML 中怎样使input占据表格的整个td
两行一列的一个表格<styletype="text/css">.Tab{border-collapse:collapse;width:250px;height:150px...
两行一列的一个表格
<style type="text/css">
.Tab{ border-collapse:collapse; width:250px; height:150px;}
.Tab td{ border:solid 1px #f5fffa }
td input{
background-color:#CCFFFF;
margin-top:-1px;margin-bottom:-1px;
height:80px;
border:none;
}
</style>
<body>
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0"><tr><td align="center" valign="middle">
<table cellspacing="0" class="Tab" align="center" class="table">
<tr>
<td>
<input name="username" type="text" id="textfield">
</td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</td></tr></table>
</body>
为什么我<input name="username" type="text" id="textfield">这行没有占据表格的整个第一列？而是只占了很小的一点，我即使给他加大，也占不满整个第一行，反而使第一行变大第二行变矮 展开
<style type="text/css">
.Tab{ border-collapse:collapse; width:250px; height:150px;}
.Tab td{ border:solid 1px #f5fffa }
td input{
background-color:#CCFFFF;
margin-top:-1px;margin-bottom:-1px;
height:80px;
border:none;
}
</style>
<body>
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0"><tr><td align="center" valign="middle">
<table cellspacing="0" class="Tab" align="center" class="table">
<tr>
<td>
<input name="username" type="text" id="textfield">
</td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</td></tr></table>
</body>
为什么我<input name="username" type="text" id="textfield">这行没有占据表格的整个第一列？而是只占了很小的一点，我即使给他加大，也占不满整个第一行，反而使第一行变大第二行变矮 展开
4个回答
展开全部
加一段这个就好了，亲测有效
<style type="text/css">
input{
border: none;
overflow: hidden;
height: 100%;
width: 100%;
}
</style>
试过好用的请回来点赞，谢谢！！！(在部分浏览器不兼容。。。)
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
首先看看你的table宽度是多少，才250px，input你没有设置宽度
td input{background-color:#CCFFFF;margin-top:-1px;margin-bottom:-1px;height:80px; width:100%;border:none;}这样你试试。
td input{background-color:#CCFFFF;margin-top:-1px;margin-bottom:-1px;height:80px; width:100%;border:none;}这样你试试。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
把他的width和height设为100%
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你截图看看！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
