style_html/css_WEB-ITnose を変更せずに入力を td と同じ大きさに設定する方法
HTML CSS
オーナーは最近、Word テーブルの形式でページをデザインしたいと考えていましたが、入力を 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入力ボックスが高さ:100%; 幅:100% に設定されている場合は、解決してください。 <表幅="50%" セルパディング="0" セル間隔="0">
/tr>
< style type="text/css">
table,th,td{
border:1px
}
width:100%;
| 幅を 100% に設定します。コードのこのセクションは変形します ここでの主な問題は、それを解決できますか? 幅を 99% に設定すると、境界線が表示されなくなります消えてしまいました このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
![]() ホットAIツール![]() Undresser.AI Undressリアルなヌード写真を作成する AI 搭載アプリ ![]() AI Clothes Remover写真から衣服を削除するオンライン AI ツール。 ![]() Undress AI Tool脱衣画像を無料で ![]() Clothoff.ioAI衣類リムーバー ![]() AI Hentai GeneratorAIヘンタイを無料で生成します。 ![]() 人気の記事
R.E.P.O.説明されたエネルギー結晶と彼らが何をするか(黄色のクリスタル)
2週間前
By 尊渡假赌尊渡假赌尊渡假赌
レポ:チームメイトを復活させる方法
1 か月前
By 尊渡假赌尊渡假赌尊渡假赌
ハローキティアイランドアドベンチャー:巨大な種を手に入れる方法
4週間前
By 尊渡假赌尊渡假赌尊渡假赌
スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか?
3週間前
By DDD
R.E.P.O.ファイルの保存場所:それはどこにあり、それを保護する方法は?
3週間前
By DDD
![]() ホットツール![]() メモ帳++7.3.1使いやすく無料のコードエディター ![]() SublimeText3 中国語版中国語版、とても使いやすい ![]() ゼンドスタジオ 13.0.1強力な PHP 統合開発環境 ![]() ドリームウィーバー CS6ビジュアル Web 開発ツール ![]() SublimeText3 Mac版神レベルのコード編集ソフト(SublimeText3) ![]() ホットトピック
Gmailメールのログイン入り口はどこですか?
![]() ![]()
Java チュートリアル
![]() ![]()
CakePHP チュートリアル
![]() ![]()
Laravel チュートリアル
![]() ![]()
PHP チュートリアル
![]() ![]() ![]() 公式アカウントのWebページはキャッシュを更新します。これはシンプルでシンプルで、ポットを飲むのに十分な複雑です。あなたは公式のアカウントの記事を更新するために一生懸命働きましたが、ユーザーはまだ古いバージョンを開くことができますか?この記事では、この背後にあるtwist余曲折と、この問題を優雅に解決する方法を見てみましょう。それを読んだ後、さまざまなキャッシュの問題に簡単に対処でき、ユーザーが常に新鮮なコンテンツを体験できるようになります。最初に基本について話しましょう。それを率直に言うと、アクセス速度を向上させるために、ブラウザまたはサーバーはいくつかの静的リソース(写真、CSS、JSなど)やページコンテンツを保存します。次回アクセスするときは、もう一度ダウンロードすることなく、キャッシュから直接検索できます。自然に高速です。しかし、このことは両刃の剣でもあります。新しいバージョンはオンラインです、 ![]() この記事では、CSSを使用したWebページへの効率的なPNG境界追加を示しています。 CSSはJavaScriptやライブラリと比較して優れたパフォーマンスを提供し、微妙または顕著な効果のために境界幅、スタイル、色を調整する方法を詳述していると主張しています ![]() この記事では、ブラウザのユーザー入力を直接検証するために、必要、パターン、MIN、MAX、および長さの制限などのHTML5フォーム検証属性を使用して説明します。 ![]() この記事では、HTML&lt; Datalist&GT;について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。 ![]() 記事では、HTML5クロスブラウザーの互換性を確保するためのベストプラクティスについて説明し、機能検出、プログレッシブエンハンスメント、およびテスト方法に焦点を当てています。 ![]() この記事では、html&lt; meter&gt;について説明します。要素は、範囲内でスカラーまたは分数値を表示するために使用され、Web開発におけるその一般的なアプリケーション。それは差別化&lt; Meter&gt; &lt; Progress&gt;およびex ![]() この記事では、HTML&lt; Progress&gt;について説明します。要素、その目的、スタイリング、および&lt; meter&gt;との違い要素。主な焦点は、&lt; Progress&gt;を使用することです。タスクの完了と&lt; Meter&gt; statiの場合 ![]() この記事では、html5&lt; time&gt;について説明します。セマンティックデート/時刻表現の要素。 人間の読み取り可能なテキストとともに、マシンの読みやすさ(ISO 8601形式)のDateTime属性の重要性を強調し、Accessibilitを増やします ![]() |
---|