Methode: 1. Verwenden Sie das Attribut „style“, um den „Anzeige“-Stil für die Beschriftung festzulegen, mit der Syntax „
Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.
Wie korrigiere ich zwei Tags in HTML ohne Zeilenumbrüche?
1 In HTML fügen Blocktyp-Tags standardmäßig automatisch Zeilenumbrüche hinzu. Aber inline funktioniert nicht.
Verwenden Sie einfach das Stilattribut des Tags, um den Stil „display:inline;“ zum Tag hinzuzufügen. Das Beispiel lautet wie folgt:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<h3 style="display:inline;">测试标签1</h3>
<h3 style="display:inline;">测试标签2</h3>
</body>
</html>Ausgabeergebnis:
Wenn das Stilattribut für das Tag nicht festgelegt ist. Wenn ja, sieht das Ausgabeergebnis wie folgt aus:
Auf diese Weise werden die beiden Beschriftungen fixiert und ohne Zeilenumbrüche angezeigt.
2. Durch die Verwendung des Stils „float:left;“ können die beiden Elemente auch so festgelegt werden, dass sie ohne Umbruch angezeigt werden:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<h3 style="float:left;">测试标签1</h3>
<h3 style="float:left;">测试标签2</h3>
</body>
</html>Ausgabeergebnis:
Empfohlenes Tutorial: „HTML-Video-Tutorial》
Das obige ist der detaillierte Inhalt vonSo reparieren Sie zwei Tags in HTML, ohne sie einzuschließen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
