So lösen Sie das Abstandsproblem zwischen Beschriftung und Eingabe in Google Browse-HTML-Tutorial-php.cn

So lösen Sie das Abstandsproblem zwischen Beschriftung und Eingabe in Google Browse

php中世界最好的语言

Freigeben： 2018-02-03 10:07:19

Original

2843 Leute haben es durchsucht

Dieses Mal zeige ich Ihnen, wie Sie das Problem der Abstände zwischen Beschriftungen und Eingaben beim Google-Browsing lösen können Schauen wir uns einmal die praktischen Fälle an.

Der Abstand zwischen der Beschriftung und der Eingabe des Bestätigungscodes ist offensichtlich größer als die beiden oben genannten. Nachdem die Zeilenumbrüche des Bestätigungscodes entfernt und zu einer Zeile gemacht wurden, werden die drei Eingabefelder ausgerichtet . Der Grund ist noch nicht klar.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>无标题文档</title> 
<style> 
div {width:500px; 
height
:500px; 
margin
:0 auto; border:#000 solid 1px;} 
label { 
display
:inline-block; width:100px;border:#000 solid 1px;} 
input { border:#000 solid 1px;} 
</style> 
</head> 
<body> 
<div> 
<p><label>账号</label><input type="text" /></p> 
<p><label>密码</label><input type="text" /></p> 
<p> 
<label>
验证码
</label> 
<input type="text" /><img src="" width="100" height="20" /> 
</p> 
</div> 
</body> 
</html>

Nach dem Login kopieren

PS: img und input sind nicht wie in früheren Aufsätzen aufgezeichnet. Sie müssen nur
vertikal-align
:middle hinzufügen. Ich glaube, Sie haben es gemeistert Nachdem Sie diese Fälle gelesen haben, lesen Sie bitte andere verwandte Artikel auf der chinesischen PHP-Website.

Verwandte Lektüre:

So lösen Sie das Problem, dass die Größe der Textfeldbeschriftung unveränderlich ist und nicht durch Ziehen mit der Maus verschoben werden kann

So verwenden Sie CSS, um die Breite von INPUT in TD festzulegen

So implementieren Sie den Ansichtsbereich im Meta-Tag, um das CSS-Attribut des Gerätebildschirms zu steuern

So fügen Sie Stile zu Bildern für Radio- und Mehrfachauswahlschaltflächen hinzu

Das obige ist der detaillierte Inhalt vonSo lösen Sie das Abstandsproblem zwischen Beschriftung und Eingabe in Google Browse. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!