Verwenden Sie CSS, um die Breite von INPUT in TD festzulegen

Verwenden Sie CSS, um die Breite von INPUT in TD festzulegen
Als ich kürzlich mit C# ein Webprogramm erstellte, stieß ich auf ein Problem:

Wenn Sie das TextBox-ASP-Steuerelement in das TD in der Tabelle einfügen und die Breite nicht festlegen, wird das TD automatisch erweitert.

Nachdem wir den Quellcode der Seite nach dem Ausführen überprüft haben, stellen wir fest, dass das TextBox-Steuerelement tatsächlich die Eingabe auf dem Client anzeigt.

Erwägen Sie daher die Verwendung von CSS, um die Breite und Höhe jedes Steuerelements festzulegen. Wenn die Einstellung jedoch auf 100 % eingestellt ist, wird der Rand abgedeckt. Nach der Anpassung ist die Breite auf 97 % eingestellt und die Anzeige erfolgt normal.

Code kopieren
Der Code lautet wie folgt:

<style type="text/css">
.borderNone {Breite: 97 %; Höhe: 100 %; Rahmen: keine; Textausrichtung: links;}
</Stil>

<<:  So löschen Sie die Hintergrundfarbe des A-Tags, wenn in H5 darauf geklickt wird

>>:  Detaillierte Beispiele für Ersetzen und Ersetzen in MySQL into_Mysql

Artikel empfehlen

js, css, html bestimmen die verschiedenen Versionen des Browsers

Verwenden Sie reguläre Ausdrücke, um die IE-Browse...

Ein Vergleich zwischen dem href-Attribut und dem onclick-Ereignis des a-Tags

Lassen Sie uns zunächst über die Ausführungsreihe...

Drei gängige Stilselektoren in HTML-CSS

1: Tag-Selektor Der Tag-Selektor wird für alle Ta...

React+Koa-Beispiel zur Implementierung des Datei-Uploads

Inhaltsverzeichnis Hintergrund Serverabhängigkeit...

Warum wird UTF-8 in MySQL nicht empfohlen?

Ich bin kürzlich auf einen Fehler gestoßen, als i...

Grafisches Tutorial zur MySQL 5.7-Konfiguration ohne Installation

Mysql ist eine beliebte und einfach zu bedienende...

So richten Sie eine automatische tägliche Datenbanksicherung in Linux ein

Dieser Artikel verwendet das Centos7.6-System und...

Eine kurze Analyse der Verwendung von HTML-Float

Einige Verwendungen von Float Linke Aufhängung: f...

Zusammenfassung der Entwicklung benutzerdefinierter Vue 3-Richtlinien

Was ist eine Richtlinie? Sowohl Angular als auch ...

Detaillierte Erklärung des Unterschieds zwischen Vue-Lebenszyklus

Lebenszyklusklassifizierung Jede Komponente von V...

Lassen Sie uns über Destrukturierung in JS ES6 sprechen

Überblick es6 fügt eine neue Möglichkeit hinzu, b...

Umfassendes Verständnis der HTML-Grundstruktur

Einführung in HTML HyperText-Auszeichnungssprache...

JavaScript MouseEvent-Fallstudie

Mausereignis Wenn die Maus eine bestimmte Operati...