Rumah > hujung hadapan web > tutorial css > Bagaimana untuk menetapkan jarak aksara dalam susun atur jarak aksara css?

Bagaimana untuk menetapkan jarak aksara dalam susun atur jarak aksara css?

WBOY
Lepaskan: 2018-09-27 15:19:19
asal
2683 orang telah melayarinya

Bab ini akan memperkenalkan kepada anda cara menetapkan jarak perkataan dalam CSS Ia mempunyai nilai rujukan tertentu. Saya harap ia akan membantu anda.

Jarang aksara jarang digunakan dalam susun atur CSS, tetapi kadangkala ia digunakan dalam reka letak teks, jadi perlu memahami dan menguasai kaedah susun atur jarak aksara css.

Kaedah pengumpulan, sebenarnya, jarak perkataan dan perkataan disusun dengan gaya css Ia sangat mudah. ​​Kita boleh menggunakan jarak huruf untuk mencapai keperluan jarak perkataan css.

jarak huruf:5px - Tetapkan jarak antara perkataan dalam objek kepada 5px
jarak huruf:2px - Tetapkan jarak antara perkataan dalam objek kepada 2px

Sama ada Aksara Cina Cina, huruf Inggeris dan angka Arab semuanya sah dan serasi dengan semua penyemak imbas utama.

1. Contoh kod untuk menetapkan jarak perkataan dalam div css

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>间距实例 thinkcss</title>
<style>
.jianju{ letter-spacing:10px}
</style>
</head>
<body>
<p>正常未设置字间距显示内容</p>
<p class="jianju">thinkcss设置了letter-spacing字间距为10px,看看效果</p>
</body>
</html>
Salin selepas log masuk

2. Tangkapan skrin kesan jarak perkataan

Bagaimana untuk menetapkan jarak aksara dalam susun atur jarak aksara css?

3. Arahan penguasaan
Tetapkan gaya jarak huruf css (jarak aksara) untuk objek yang perlu ditetapkan, dan kemudian tetapkan nilai jarak mengikut keperluan susun atur.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan