Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk menambah ruang dalam css

Bagaimana untuk menambah ruang dalam css

Daniel James Reed
Daniel James Reedasal
2024-04-26 11:42:13907semak imbas

Terdapat 5 cara untuk menambah ruang dalam CSS: ruang putih, aksara tab, elemen blok sebaris, atribut ruang putih dan atribut inden teks.

Bagaimana untuk menambah ruang dalam css

Tambah ruang dalam CSS

Dalam CSS, terdapat beberapa cara untuk menambah ruang:

1. s (urutan melarikan diri aksara ruang putih) untuk menambah ruang dalam nilai sifat CSS.

Contoh: margin-kanan: 20px;
  • (空格字符)或 s(空白字符转义序列)在 CSS 属性值中添加空格。
  • 例子:margin-right: 20px;

2. tab 字符

  • 使用 t(制表符转义序列)在 CSS 属性值中添加制表符。
  • 例子:padding-left: 2tt;

3. display: inline-block;

  • 将元素设置为内联块元素,这将自动在不同元素之间添加水平空格。
  • 例子:display: inline-block;

4. white-space 属性

  • 此属性控制元素中空格的处理方式。
  • normal(默认):保留空格和换行符。
  • pre:保留空格和换行符,并将其显示为预格式化的文本。
  • nowrap:不换行,消除空格。
  • 例子:white-space: nowrap;

5. text-indent 属性

  • 此属性设置首行缩进,也可以用来在元素中创建额外的空格。
  • 例子:text-indent: 20px;
  • 2 aksara tab
🎜🎜🎜 gunakan t (penukaran aksara tab ( urutan yang ditentukan) menambah aksara tab pada nilai sifat CSS. 🎜🎜Contoh: padding-left: 2tt;🎜🎜🎜🎜3 display: inline-block;🎜🎜🎜🎜Tetapkan elemen sebagai elemen inline-block, Ruang mendatar ini akan ditambah secara automatik antara elemen yang berbeza. 🎜🎜Contoh: paparan: inline-block;🎜🎜🎜🎜4. atribut white-space🎜🎜🎜🎜Atribut ini mengawal cara ruang dalam elemen dikendalikan. 🎜🎜biasa (lalai): Kekalkan ruang dan baris baharu. 🎜🎜pra: Mengekalkan ruang dan baris baharu serta memaparkannya sebagai teks yang dipraformat. 🎜🎜nowrap: Tiada garis putus, hilangkan ruang. 🎜🎜Contoh: white-space: nowrap;🎜🎜🎜🎜5 atribut text-indent🎜🎜🎜🎜Atribut ini menetapkan lekukan baris pertama dan juga boleh digunakan. Mencipta ruang kosong tambahan dalam elemen. 🎜🎜Contoh: inden teks: 20px;🎜🎜

Atas ialah kandungan terperinci Bagaimana untuk menambah ruang dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
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