Bagaimana untuk membetulkan dua tag dalam html tanpa membungkusnya-html tutorial-php.cn

Bagaimana untuk membetulkan dua tag dalam html tanpa membungkusnya

WBOY

Lepaskan： 2021-11-25 10:08:37

asal

5802 orang telah melayarinya

Kaedah: 1. Gunakan atribut gaya untuk menetapkan gaya "paparan" untuk label, sintaks ialah "" 2. Gunakan atribut gaya untuk menetapkan gaya "float" untuk label , sintaksnya ialah "".

Bagaimana untuk membetulkan dua tag dalam html tanpa membungkusnya

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi HTML5, komputer Dell G3.

Cara membetulkan dua teg dalam html tanpa pemisah baris

1 Dalam html, teg jenis blok akan diletakkan secara automatik pada kedua-dua belah pihak lalai Tambah pemisah baris. Tetapi sebaris tidak.

Gunakan atribut gaya teg untuk menambah gaya "display:inline;" pada teg tersebut 🎜>Hasil keluaran:

<!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>

Salin selepas log masuk

Jika atribut gaya tidak ditetapkan untuk teg, hasil output adalah seperti berikut: Bagaimana untuk membetulkan dua tag dalam html tanpa membungkusnya

Dengan cara ini, kedua-dua teg dibetulkan tanpa pemisah baris ditunjukkan. Bagaimana untuk membetulkan dua tag dalam html tanpa membungkusnya

2. Menggunakan gaya "float:left;" atribut gaya untuk menetapkan elemen ke kiri terapung juga boleh membetulkan dua elemen dan memaparkannya tanpa membalutnya:

Hasil keluaran:

<!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>

Salin selepas log masuk

Tutorial disyorkan: " Bagaimana untuk membetulkan dua tag dalam html tanpa membungkusnya tutorial video html

Atas ialah kandungan terperinci Bagaimana untuk membetulkan dua tag dalam html tanpa membungkusnya. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!