Trik Sederhana Render New Line(\N) Atau Enter Pada Html
Kasusnya disini ialah pada saat, misalkan kita punya sebuah form disitu terdapat textarea, dan pada text area tersebut kita memasukan isian yang dimana kita memakai "enter" atau "baris baru" untuk merapihkan goresan pena kita, cuma pada dikala kita tampilkan, data yang harusnya ada "enter" didalamnya tapi malah tampil tanpa ada "enter" jadi tampilnya memanjang menjadi satu baris.
Apa kau pernah mengalami hal tersebut ? kalau aku pernah.
Nah di pembahasan kali ini aku ingin mengembangkan trik untuk menuntaskan problem tersebut, caranya bagaimana ? cukup sederhana, kita sanggup memakai tag <pre></pre> . Tapi untuk melaksanakan itu kita tidak sanggup hanya memakai tag tersebut secara mentah, ada properti pemanis yang harus kau tambahkan di CSS.
Silahkan tambahkan properti css berikut sebelum kita memakai tag <pre></pre> :
pre { white-space: pre-wrap; word-wrap: break-word; font-family: inherit; } Keterangan :
white-space berfungsi untuk tidak mengabaikan spasi, jadi maksudnya ketika dalam sebuah text ada spasi maka spasi tersebut akan tampil apa adanya. Contohnya pada dikala kita memakai text yag menjorok kedalam, tolong-menolong di bab tersebut terdapat banyak spasi yang menciptakan text sanggup menjorok kedalam, nah dengan ini maka si spasi tersebut akan di tampilkan sesuai spasi yang sudah kita diawal, jadi gak bakal kena trim intinya.
word-wrap sama ibarat white-space cuma bedanya ini untuk "enter" atau "baris baru".
font-family berfungsi untuk merubah tipe font style saja.
Nah kalau propertinya sudah ditambahkan di css, barulah kau sanggup memakai tag <pre></pre>. Penggunaannya sederhana, mungkin kau pun sudah tahu :)
<pre>...letakan text-nya disini...</pre> Mungkin aku cukupkan hingga disini dulu untuk postingan kali ini, biar bermanfaat, terima kasih :)
Sumber http://www.kang-cahya.com
0 Response to "Trik Sederhana Render New Line(\N) Atau Enter Pada Html"
Posting Komentar