communauté
Apprendre
Bibliothèque d'outils
Outils d'IA
Loisirs
recherche
Français
Maison > interface Web > tutoriel HTML > 如何将input设置和td一样大且不改变样式_html/css_WEB-ITnose

如何将input设置和td一样大且不改变样式_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Libérer： 2016-06-21 09:43:14
original
2149 Les gens l'ont consulté

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>
Copier après la connexion

.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;}
Copier après la connexion

input输入框不能填满整个表格,如果将input的样式设成height:100%;width:100%;单选框会变形.求解决办法!


回复讨论(解决方案)














one two three four










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>
Copier après la connexion

主要就是这里的问题,请问能解决么?

你把width设置成99%嘛,就不会让TD的边框变没了

Étiquettes associées：
如何将input设置和td一样大且不改变样式
source：php.cn
Article précédent：想问一下，网页中的这种效果怎么做出来_html/css_WEB-ITnose Article suivant：jsp分页问题_html/css_WEB-ITnose
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
javascript - Le code pour modifier l'image de la boîte dans la liste déroulante.
Depuis 1970-01-01 08:00:00
0
0
0
Comment ionic2 utilise-t-il les styles d'iOS sur la plateforme Android
Depuis 1970-01-01 08:00:00
0
0
0
javascript - Existe-t-il un excellent outil de point d'arrêt sur NPM?
Depuis 1970-01-01 08:00:00
0
0
0
javascript - Comment Webpack bloque-t-il globalement la valeur de hachage de cette build pour une utilisation par le code JS ?
Depuis 1970-01-01 08:00:00
0
0
0
javascript - Comment jQuery implémente-t-il le préchargement des effets sonores sur les pages mobiles?
Depuis 1970-01-01 08:00:00
0
0
0
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal