Bagaimanakah Saya Boleh Mengekalkan Ruang dan Pemisah Baris Semasa Memaparkan Rentetan dalam HTML?

Memaparkan Rentetan dalam HTML Sambil Memelihara Ruang dan Pemisah Baris

Apabila memaparkan rentetan yang diambil daripada pangkalan data dalam halaman butiran apl MVC3, ia adalah perkara biasa untuk menghadapi isu di mana baris dan ruang baharu diabaikan secara lalai. Ini boleh menjadikan teks yang diberikan tidak menarik secara visual dan berpotensi menjejaskan kebolehgunaan aplikasi.

Untuk mengekalkan elemen pemformatan ini, anda perlu memastikan ia dikodkan dengan betul dalam HTML. Malangnya, menggunakan HTML.Encode mungkin memaparkan pengekodan itu sendiri, yang bukan tingkah laku yang dimaksudkan.

Penyelesaian kepada masalah ini terletak pada penggayaan kandungan menggunakan CSS. Dengan menetapkan sifat ruang putih untuk pra-bungkus, anda mengarahkan penyemak imbas untuk mengekalkan ruang dan pemisah baris seperti yang dimaksudkan. Contohnya:

div {
  white-space: pre-wrap;
}

Menggunakan kelas CSS ini pada elemen yang memaparkan teks akan menjadikannya seperti berikut:

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

Dengan melaksanakan pendekatan ini, anda boleh menghasilkan rentetan dalam HTML dengan berkesan sambil mengekalkan pemformatan asalnya, memastikan kebolehbacaan dan mengekalkan rupa visual yang diingini bagi kandungan aplikasi anda.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengekalkan Ruang dan Pemisah Baris Semasa Memaparkan Rentetan dalam HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!