Rumah >hujung hadapan web >tutorial css >Bagaimana untuk Mengekalkan Ruang dan Pemisah Baris Apabila Memaparkan Teks Pangkalan Data dalam HTML?

Bagaimana untuk Mengekalkan Ruang dan Pemisah Baris Apabila Memaparkan Teks Pangkalan Data dalam HTML?

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-12-19 08:46:09825semak imbas

How to Preserve Spaces and Line Breaks When Displaying Database Text in HTML?

Cara Mengekalkan Ruang dan Garisan Apabila Menyampaikan Rentetan dalam HTML

Apabila mendapatkan semula rentetan teks daripada pangkalan data, anda mungkin menghadapi cabaran pemformatan apabila memaparkannya dalam HTML. Khususnya, ruang dan baris baharu boleh dilucutkan atau diabaikan oleh kelakuan lalai HTML. Untuk mengekalkan elemen pemformatan ini, kami boleh menggunakan pendekatan berikut:

Menggunakan CSS

Ruang putih sifat CSS boleh digunakan untuk mengawal cara ruang putih dalam blok elemen dikendalikan:

div {
    white-space: pre-wrap;
}

Tetapan ini memaksa penyemak imbas untuk membalut ruang putih seperti yang diperlukan, mengekalkan ruang dan aksara baris baharu seperti yang terdapat dalam rentetan asal.

<div>
This is some text   with some extra spacing    and a
few newlines along with some trailing spaces        
     and five leading spaces thrown in
for                                              good
measure                                              
</div>

Menggunakan Pengekodan HTML

Anda menyebut Pengekodan HTML nampaknya tidak berfungsi seperti yang diharapkan. Walau bagaimanapun, berikut ialah cara anda boleh menggunakannya dengan betul:

string encodedString = System.Web.HttpUtility.HtmlEncode(yourString);

Ingat bahawa pengekodan HTML tidak menjejaskan ruang dan pemisah baris. Ia terutamanya menukar aksara khas seperti "<", "&", dan ">" ke dalam entiti HTML untuk menghalangnya daripada ditafsirkan sebagai teg HTML.

Atas ialah kandungan terperinci Bagaimana untuk Mengekalkan Ruang dan Pemisah Baris Apabila Memaparkan Teks Pangkalan Data dalam HTML?. 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