hujung hadapan web
html tutorial
Bagaimana untuk meninggalkan dua ruang kosong dalam perenggan dalam html
Bagaimana untuk meninggalkan dua ruang kosong dalam perenggan dalam html
Cara untuk meninggalkan dua ruang dalam perenggan HTML: 1. Gunakan atribut teks-inden CSS 2. Gunakan atribut padding-left bagi CSS 3. Gunakan ruang tanpa pecah atau ruang lebar penuh; teg "pra" atau atribut ruang putih.
Dalam HTML, fungsi dua ruang pada baris pertama perenggan (biasanya dikenali sebagai lekukan) tidak semudah dalam sesetengah perisian pemprosesan teks. HTML itu sendiri tidak mengandungi teg atau atribut yang mengawal lekukan teks secara langsung. Walau bagaimanapun, kita boleh menggunakan CSS (Cascading Style Sheets) untuk mencapai keperluan ini. Berikut ialah beberapa kaedah biasa untuk mencapai kesan dua ruang dalam baris pertama perenggan HTML:
1 Gunakan sifat inden teks CSS
Sifat inden teks digunakan untuk menetapkan lekukan bagi. baris pertama teks. Ia menerima pelbagai unit seperti piksel (px), peratusan (%), em, dsb. Jika anda mahu baris pertama perenggan menjadi dua ruang kosong, gunakan unit em kerana ia adalah relatif kepada saiz fon elemen semasa. Biasanya, lebar aksara Cina ialah kira-kira 1em, jadi penetapan inden teks: 2em boleh mencapai kesan dua ruang.
Contoh:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>段落首行空两格</title>
<style>
p {
text-indent: 2em; /* 首行缩进两个字符宽度 */
}
</style>
</head>
<body>
<p>这是一个段落，首行会空出两个字符的宽度。</p>
</body>
</html>2 Gunakan atribut padding-left CSS
Walaupun padding-left tidak digunakan secara khusus untuk mencapai lekukan baris pertama, anda juga boleh mencapai sesuatu yang serupa dengan menambahkan padding kiri pada perenggan. Kesan. Walau bagaimanapun, kaedah ini bukanlah lekukan baris pertama yang benar, tetapi ruang tambahan di sebelah kiri keseluruhan perenggan, yang mungkin menjejaskan reka letak perenggan dan elemen lain.
Contoh:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>段落首行空两格</title>
<style>
p {
padding-left: 2em; /* 段落左侧添加两个字符宽度的内边距 */
}
</style>
</head>
<body>
<p>这是一个段落，整个左侧会有额外的空间，看起来像是首行缩进了。</p>
</body>
</html>3 Gunakan ruang tidak putus baris atau ruang lebar penuh
Memasukkan berbilang ruang bukan putus baris ( ) atau ruang lebar penuh terus ke dalam kandungan HTML juga boleh mencapai kesan lekukan visual. Walau bagaimanapun, kaedah ini tidak mengawal lekukan melalui gaya CSS, tetapi secara langsung menambah ruang pada kandungan teks, jadi ia tidak cukup fleksibel dan tidak kondusif untuk penyelenggaraan dan keseragaman gaya.
Contoh:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>段落首行空两格</title> </head> <body> <p> 这是一个段落，通过在内容中添加非断行空格实现首行缩进。</p> </body> </html>
4 Gunakan tag
Nota:
Apabila menggunakan inden teks, pastikan saiz fon anda sesuai kerana inden dikira berdasarkan saiz fon elemen semasa.
Pelayar yang berbeza dan enjin pemaparan mungkin mengendalikan inden teks sedikit berbeza, terutamanya apabila berurusan dengan fon dan tipografi yang kompleks.
Apabila menggunakan padding-left untuk mensimulasikan lekukan baris pertama, ambil perhatian bahawa ia mempengaruhi jidar kiri keseluruhan perenggan, bukan hanya baris pertama.
Kaedah menambah ruang terus pada kandungan teks tidak cukup fleksibel dan tidak mudah untuk pengurusan bersatu dan penyelenggaraan gaya.
Dalam aplikasi praktikal, kaedah yang sesuai harus dipilih berdasarkan keperluan dan konteks khusus untuk mencapai kesan meninggalkan dua ruang dalam baris pertama perenggan.
Secara umum, menggunakan sifat inden teks CSS ialah cara yang paling biasa dan disyorkan untuk melaksanakan dua ruang dalam baris pertama perenggan HTML. Ia menyediakan kaedah kawalan yang fleksibel dan dipisahkan daripada struktur semantik HTML, yang memudahkan pengurusan bersatu dan penyelenggaraan gaya.
Atas ialah kandungan terperinci Bagaimana untuk meninggalkan dua ruang kosong dalam perenggan dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
AI Hentai Generator
Menjana ai hentai secara percuma.
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
Jadual Bersarang dalam HTML
Sep 04, 2024 pm 04:49 PM
Ini ialah panduan untuk Nested Table dalam HTML. Di sini kita membincangkan cara membuat jadual dalam jadual bersama-sama dengan contoh masing-masing.
Sempadan Jadual dalam HTML
Sep 04, 2024 pm 04:49 PM
Panduan untuk Sempadan Jadual dalam HTML. Di sini kita membincangkan pelbagai cara untuk menentukan sempadan jadual dengan contoh Sempadan Jadual dalam HTML.
HTML jidar-kiri
Sep 04, 2024 pm 04:48 PM
Panduan untuk HTML margin-kiri. Di sini kita membincangkan gambaran keseluruhan ringkas tentang HTML margin-left dan Contoh-contohnya bersama-sama dengan Pelaksanaan Kodnya.
Susun Atur Jadual HTML
Sep 04, 2024 pm 04:54 PM
Panduan untuk Susun Atur Jadual HTML. Di sini kita membincangkan Nilai Susun Atur Jadual HTML bersama-sama dengan contoh dan output n perincian.
Senarai Tertib HTML
Sep 04, 2024 pm 04:43 PM
Panduan kepada Senarai Tertib HTML. Di sini kami juga membincangkan pengenalan senarai dan jenis Tertib HTML bersama-sama dengan contoh mereka masing-masing
Memindahkan Teks dalam HTML
Sep 04, 2024 pm 04:45 PM
Panduan untuk Memindahkan Teks dalam HTML. Di sini kita membincangkan pengenalan, cara teg marquee berfungsi dengan sintaks dan contoh untuk dilaksanakan.
Bagaimana anda menghuraikan dan memproses HTML/XML dalam PHP?
Feb 07, 2025 am 11:57 AM
Tutorial ini menunjukkan cara memproses dokumen XML dengan cekap menggunakan PHP. XML (bahasa markup extensible) adalah bahasa markup berasaskan teks yang serba boleh yang direka untuk pembacaan manusia dan parsing mesin. Ia biasanya digunakan untuk penyimpanan data
Pemegang Tempat Input HTML
Sep 04, 2024 pm 04:54 PM
Panduan untuk Pemegang Tempat Input HTML. Di sini kita membincangkan Contoh Pemegang Tempat Input HTML bersama-sama dengan kod dan output.
