ການລະບຸວົງກາງຂອງຂໍ້ຄວາມ CSS

ຄວາມລະຫວ່າງການຍົກຂັດຄຳ

text-indent ປະເພດປະກອບມີຄວາມລະຫວ່າງການຍົກຂັດຄຳຕອນທຳອິດຂອງຂໍ້ຄວາມ:

ຕົວຢ່າງ

p {
  text-indent: 50px;
}

ການທົດລອງດູດຕະຫຼອດ

ຄວາມລະຫວ່າງຄຳຕາມກັນ

letter-spacing ປະເພດປະກອບມີຄວາມລະຫວ່າງຄຳຕາມກັນ.

ຄວາມສະແດງ: ການເພີ່ມຫຼືຫຼຸດຄວາມລະຫວ່າງຄຳຕາມກັນ:

ຕົວຢ່າງ

h1 {
  letter-spacing: 3px;
}
h2 {
  letter-spacing: -3px;
}

ການທົດລອງດູດຕະຫຼອດ

行高

line-height 属性用于指定行之间的间距：

ຕົວຢ່າງ

p.small {
  line-height: 0.8;
}
p.big {
  line-height: 1.8;
}

ການທົດລອງດູດຕະຫຼອດ

字间距

word-spacing 属性用于指定文本中单词之间的间距。

下例演示如何增加或减少单词之间的间距：

ຕົວຢ່າງ

h1 {
  word-spacing: 10px;
}
h2 {
  word-spacing: -5px;
}

ການທົດລອງດູດຕະຫຼອດ

空白

white-space 属性指定元素内部空白的处理方式。

此例演示如何禁用元素内的文本换行：

ຕົວຢ່າງ

p {
  white-space: nowrap;
}

ການທົດລອງດູດຕະຫຼອດ