HTML CSS
撸主最近要设计word表格形式的页面,发现input很难和td框契合
这是撸主的代码
<table id="list_tab" width="800" height="630" align="center" style="width:100%;border:0;border-collapse:collapse;cellspacing:0;cellpadding:0"> <tr> <td width="133">单位全称</td> <td colspan="2"><input type="text"/></td> <td width="133">电子邮箱</td> <td colspan="2"><input type="text" /></td> </tr> <tr> <td>现实际经营地址</td> <td colspan="3"><input type="text"/></td> <td width="133">邮政编码</td> <td width="156"><input type="text"/></td> </tr> <tr> <td height="51">上级主管单位(部门)</td> <td colspan="2"><input type="text"/></td> <td>单位状态</td> <td colspan="2"> <div style="text-align: left;float: left;padding-left: 30px;"> <input type="radio" name="UnitStats" value="" />正常<br/> <input type="radio" name="UnitStats" value="" />吊销、注销<br/> <input type="radio" name="UnitStats" value="" />破产、关闭、解散 </div> <div style="text-align: left;float: left;padding-left: 30px;"> <input type="radio" name="UnitStats" value="" />无证照<br/> <input type="radio" name="UnitStats" value="" />其他 </div> </td> </tr> <tr> <td>注册登记机关</td> <td width="112"><input type="text"/></td> <td width="109">成立日期</td> <td><input type="text"/></td> <td>注册号</td> <td><input type="text"/></td> </tr> <tr> <td>注册地址</td> <td colspan="3"><input type="text"/></td> <td>注册资金(万元)</td> <td><input type="text"/></td> </tr> <tr> <td>营业执照变更前名称</td> <td colspan="2"><input type="text"/></td> <td>营业执照变更前地址</td> <td><input type="text"/></td> <td><input type="text"/></td> </tr> <tr> <td>组织机构代码证号</td> <td colspan="3"><input type="text"/></td> <td>社保登记号</td> <td><input type="text"/></td> </tr> <tr> <td>法定代表人(或负责人)</td> <td><input type="text"/></td> <td>办公电话</td> <td><input type="text"/></td> <td>身份证号码</td> <td><input type="text"/></td> </tr> <tr> <td>人力资源负责人</td> <td><input type="text"/></td> <td>办公电话</td> <td><input type="text"/></td> <td>移动电话</td> <td><input type="text"/></td> </tr> <tr> <td>人力资源经办人</td> <td><input type="text"/></td> <td>办公电话及传真电话</td> <td><input type="text"/></td> <td>移动电话</td> <td><input type="text"/></td> </tr> </table>
登入後複製
.css:
* { font-family: "宋体"; font-size: 12px; text-decoration: none; margin: 0px; padding: 0px;}#list_tab th{ text-align: center; border: 1px solid #E0E4EB;}#list_tab td{ text-align: center; border: 1px solid #E0E4EB;}#list_tab input{ border:0; background:transparent;}登入後複製
input输入框不能填满整个表格,如果将input的样式设成height:100%;width:100%;单选框会变形.求解决办法!
回复讨论(解决方案)
one |
two |
three |
four |
设置了width:100%;我的代码中这一段会变形
<div style="text-align: left;float: left;padding-left: 30px;"> <input type="radio" name="UnitStats" value="" />正常<br/> <input type="radio" name="UnitStats" value="" />吊销、注销<br/> <input type="radio" name="UnitStats" value="" />破产、关闭、解散 </div> <div style="text-align: left;float: left;padding-left: 30px;"> <input type="radio" name="UnitStats" value="" />无证照<br/> <input type="radio" name="UnitStats" value="" />其他 </div> 登入後複製
主要就是这里的问题,请问能解决么?
你把width设置成99%嘛,就不会让TD的边框变没了
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
-
2024-09-20 15:51:33
-
2024-09-20 15:47:32
-
2024-09-20 15:45:32
-
2024-09-20 15:39:32
-
2024-09-20 15:38:32
-
2024-09-20 15:27:32
-
2024-09-20 15:26:32
-
2024-09-20 15:12:32
-
2024-09-20 14:53:01
-
2024-09-20 14:51:01
|
