Zusätzlicher Platz unter dem Textbereich: Ursachen und Lösungen
Problem:
Trotz der Verwendung von einfachem Markup , erscheint zusätzlicher vertikaler Platz unter
Code-Snippet:
<code class="html"><html> <head> <style> body { margin: 0; padding: 0; } .main { background-color: red; } textarea { background-color: gray; resize: none; margin: 0; border: 0 none; padding: 10px; height: 50px; overflow: hidden; } </style> </head> <body> <div class="main"> <textarea></textarea> </div> </body> </html></code>
Ursache:
Der zusätzliche Platz wird durch die Standardausrichtung von
Lösung:
Um den zusätzlichen Platz zu eliminieren, fügen Sie die folgende CSS-Regel zu Ihrem
<code class="css">textarea { vertical-align: top; }</code>
Dadurch wird die
Das obige ist der detaillierte Inhalt vonWarum hat mein Textbereich darunter zusätzlichen Platz?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!