CSSを使用してTDのINPUTの幅を設定する

CSSを使用してTDのINPUTの幅を設定する
最近、C# を使用して Web プログラムを作成していたときに、次のような問題が発生しました。

TextBox asp コントロールをテーブルの TD 内に配置し、幅を設定しないと、TD は自動的に拡張されます。

実行後にページのソース コードを確認すると、TextBox コントロールが実際にクライアントに入力を表示することがわかります。

したがって、各コントロールの幅と高さを設定するには、CSS を使用することを検討してください。ただし、100%に設定すると枠線が隠れてしまいます。調整後、幅を97%に設定し、正常に表示されます。

コードをコピー
コードは次のとおりです。

<スタイル タイプ="text/css">
.borderNone {幅:97%; 高さ:100%; 境界線:なし; テキスト配置:左;}
</スタイル>

<<:  JavaScript コンストラクタとプロトタイプの関係

>>:  燃える炎効果の英語フォント16種類をシェアする

推薦する

HTML いくつかの特別な分割線効果

1. 基本ライン 2. 特殊効果（効果は独立しておらず、互いに組み合わせることができます） 1. 両...

div+css3 を使用して背景グラデーション ボタンを実装するためのサンプル コード

フロントエンド ページの需要が増加し続けるにつれて、一部のシーンではグラデーションの背景要素が必要に...

Serv-U FTPとADの完璧な統合ソリューションの詳細な説明

会社が現在使用しているソリューションを確認するためにバックエンドにログインしました。使用される FT...

js でオブジェクトとオブジェクト メソッドを作成するいくつかの方法の詳細な説明

この記事は、JS レッドブックの第 8 章に記載されているオブジェクトに関する 2 番目の記事です。...

画像ボタンをフォームのリセットボタンとして使用する方法

フォームを作成するときに、送信ボタンとリセットボタンを配置することがよくあります。ページの外観を考慮...

CSS テキスト装飾 text-decoration と text-emphasis の詳細な説明

CSS では、テキストは私たちが毎日扱う最も一般的なものの 1 つです。テキストの場合、テキストの装...

CSS3 の新しいレイアウト: flex の詳細な説明

Flexの基本概念フレックス レイアウト (フレックスはフレキシブル ボックスの略)、エラスティック...

最小限のルートファイルシステムを構築するためにbusyboxを移植するための詳細な手順

Busybox: 小さなコマンドが詰まったスイスアーミーナイフ。ステップ1: ディレクトリ構造を作成...

Linux でネットワーク パケット損失と遅延をシミュレートする方法

netem と tc: netem は、Linux カーネル バージョン 2.6 以降で提供されるネ...

Alibaba Cloud Server に MySQL データベースをインストールする詳細なチュートリアル

目次序文1. MySQLをアンインストールする2. MySQLをインストールする要約する序文学習中に...

JavaScript 事前分析、オブジェクトの詳細

目次1. 事前分析1. 変数の事前解析と関数の事前解析1. 変数の事前解析2. 機能事前分析2. 事...

Vue で PC アドレスをモバイル アドレスにリダイレクトする方法

要件：PC側とモバイル側は2つの独立したプロジェクトです。2つのプロジェクトの内容は基本的に同じで、...

HTML特殊文字の徹底分析

HTML徹底解析（14）特殊文字 ■ よく使われる特殊文字 HTMLタグを知っていれば、特殊文字の使...

Vueモバイル端末に最適な適応ソリューションについての簡単な説明

序文: 最近の医療モバイル プロジェクトに基づいて、Vue はさまざまな画面のさまざまな画面サイズに...

CSSは指定された長さの文字列を自動的にインターセプトし、末尾を表示します...FFブラウザをサポート

<スタイル タイプ="text/css">コードをコピーコードは次の...