Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Bolehkah css melaraskan jarak antara perkataan dan bahagian kiri dan kanan perkataan?
Bolehkah css melaraskan jarak antara perkataan dan bahagian kiri dan kanan perkataan?
- 青灯夜游asal
- 2022-05-18 17:30:195754semak imbas
css boleh melaraskan jarak antara perkataan dan bahagian kiri dan kanan perkataan. Dalam CSS, anda boleh menggunakan atribut jarak huruf untuk melaraskan jarak kiri dan kanan antara perkataan Sintaks ialah "jarak huruf: nilai jarak;"; nilai positif atau negatif atribut Kurangkan ruang antara aksara (jarak aksara).
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.
css boleh melaraskan jarak antara perkataan.
Dalam CSS, anda boleh menggunakan atribut jarak huruf untuk melaraskan jarak kiri dan kanan antara perkataan.
Atribut jarak huruf boleh menetapkan ruang antara aksara (jarak aksara).
Format sintaks:
letter-spacing:间距值;
Nilai jarak: Tentukan ruang tetap antara aksara.
Nota:
Sifat jarak huruf mentakrifkan jumlah ruang yang disisipkan antara kotak aksara teks. Oleh kerana glif aksara biasanya lebih sempit daripada kotak aksaranya, menetapkan nilai panjang melaraskan jarak biasa antara huruf. Oleh itu, normal adalah bersamaan dengan nilai 0.
Untuk atribut ini: setiap aksara Cina bertindak sebagai "watak", dan setiap huruf Inggeris juga bertindak sebagai "watak"! Jadi perhatikan betul-betul.
Atribut jarak huruf membenarkan penggunaan nilai negatif dan jarak aksara boleh ditambah atau dikurangkan oleh nilai positif atau negatif atribut.
Contoh:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
h1 {
letter-spacing: 10px;
}
p{
letter-spacing: 2em;
}
div{
letter-spacing: -3px;
}
</style>
</head>
<body>
<h1>This is header 1</h1>
<p>这是一段文本！</p>
<div>这是一段div文本！</div>
</body>
</html>
(Belajar perkongsian video: tutorial video css, depan web- tamat)
Atas ialah kandungan terperinci Bolehkah css melaraskan jarak antara perkataan dan bahagian kiri dan kanan perkataan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!