Bagaimanakah Saya Boleh Mengekalkan Ruang Putih dengan Berkesan dalam Elemen HTML daripada Data Pangkalan Data?

Memelihara Ruang Putih dalam Elemen HTML

Ramai pembangun tapak web menghadapi cabaran untuk mengekalkan ruang putih dalam data yang diambil daripada pangkalan data. Cabaran ini mungkin timbul disebabkan kehadiran berbilang ruang dalam data dan apabila dipaparkan dalam elemen HTML seperti teg sauh, rentang, baris jadual dan lain-lain, ruang putih mungkin tidak dapat dikekalkan seperti yang dimaksudkan.

Penyelesaian biasa ialah menggunakan kelas CSS global pada elemen yang diingini, memastikan ruang putih dipelihara di seluruh papan. Walau bagaimanapun, pendekatan ini boleh menyusahkan dan memperkenalkan kekacauan yang tidak perlu.

Penyelesaian Alternatif: Pembungkus Kelas

Pendekatan yang lebih disasarkan ialah menggunakan pembungkus kelas data:

.data a, .data span, .data tr, .data td { white-space: pre; }

Kod ini dengan berkesan mengekalkan ruang putih dalam elemen yang disertakan dalam div dengan kelas "data." Penanda HTML kemudiannya akan termasuk:

<div>

Dengan pendekatan ini, elemen dalam pembungkus "data" akan mengekalkan ruang putihnya, manakala elemen di luar pembungkus akan mengekalkan pemaparan lalainya. Kaedah yang disasarkan ini membolehkan kawalan yang lebih cekap dan terpilih ke atas pemeliharaan ruang putih.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengekalkan Ruang Putih dengan Berkesan dalam Elemen HTML daripada Data Pangkalan Data?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!