Underground404 Sharing

Catatan & Dokumentasi.

1 Fungsi white-space

Underground404 - 1 Fungsi white-space. Bismillah. Bagaimana kabar kalian? saya kira baik semua. Kali ini saya akan berbagi salah satu CSS yang sy kira jarang dipakai oleh agan agan.

white-space: normal | pre | nowrap | pre-wrap | pre-line | inherit

normal
Sequences of whitespace are collapsed. Newline characters in the source are handled as other whitespace. Breaks lines as necessary to fill line boxes. = Urutan spasi yang runtuh. Karakter baris baru di sumber ditangani sebagai spasi lainnya. Istirahat garis yang diperlukan untuk mengisi kotak garis.
nowrap
Collapses whitespace as for normal, but suppresses line breaks (text wrapping) within text. = Runtuh spasi seperti untuk normal, tapi menekan jeda baris (pembungkus teks) dalam teks.
pre
Sequences of whitespace are preserved, lines are only broken at newline characters in the source and at <br> elements. = Urutan spasi yang diawetkan, garis hanya rusak pada karakter baris baru di sumber dan di elemen <br>.
pre-wrap
Sequences of whitespace are preserved. Lines are only broken at newline characters in the source, at <br>, and as necessary to fill line boxes. = Urutan spasi yang diawetkan. Garis hanya rusak pada karakter baris baru di sumber, di <br>, dan diperlukan untuk mengisi kotak garis.
pre-line
Sequences of whitespace are collapsed. Lines are broken at newlines in the source, at <br>, and as necessary to fill line boxes. = Urutan spasi yang runtuh. Garis yang rusak pada baris baru di sumber, di <br>, dan diperlukan untuk mengisi kotak garis.

Sory kalo bahasa indonesianya keacak acak, soalnya sy translate di google translate :)

1 Fungsi white-space

Dan yang saya gunakan untuk white-space ini adalah, untuk menutupi judul artikel jika judul artikel terlalu panjang, biasanya disebut memotong judul artikel :)

Caranya mudah, tinggal pasang property overflow:hidden sama white-space:nowrap. Misalnya :
h3.post-title {
  overflow:hidden;
  white-space:nowrap;
}
Sudah tau kan maksud saya? hm. Kalo belum, koment saja :)