Heim > Artikel > Web-Frontend > So lösen Sie das Abstandsproblem zwischen Beschriftung und Eingabe in Google Browse
So lösen Sie das Abstandsproblem zwischen Beschriftung und Eingabe in Google Browse
- php中世界最好的语言Original
- 2018-02-03 10:07:192818Durchsuche
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>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 kannSo verwenden Sie CSS, um die Breite von INPUT in TD festzulegenSo implementieren Sie den Ansichtsbereich im Meta-Tag, um das CSS-Attribut des Gerätebildschirms zu steuernSo fügen Sie Stile zu Bildern für Radio- und Mehrfachauswahlschaltflächen hinzuDas 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!