简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > HTML-Tutorial > Hauptteil

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

WBOY
Freigeben： 2016-06-21 09:43:14
Original
2062 Leute haben es durchsucht

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>
Nach dem Login kopieren

.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;}
Nach dem Login kopieren

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>
Nach dem Login kopieren

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

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

Verwandte Etiketten：
如何将input设置和td一样大且不改变样式
Quelle：php.cn
Vorheriger Artikel：想问一下，网页中的这种效果怎么做出来_html/css_WEB-ITnose Nächster Artikel：jsp分页问题_html/css_WEB-ITnose
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Ändern Sie Inline-CSS-Stile in Javafx dynamisch Ich versuche, das Hintergrundbild eines Bereichs zu ändern, wenn die Anwendung maximiert i...
Aus 2024-04-06 20:57:16
0
1
487
Die Frage ist immer noch dieselbe, aber der Titel wurde wie folgt umgeschrieben: Meine Javascript-Zufallsfunktion generiert keine gültigen Antworten Ich erstelle ein einfaches Zufallszahlengenerator-Spiel mit JS und HTML. In diesem Spiel k...
Aus 2024-04-03 22:03:14
0
1
275
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！