Bagaimanakah Saya Boleh Mengekalkan Ruang Putih dengan Cekap dalam Elemen HTML Tertentu?

Memelihara Ruang Putih dalam Elemen HTML

Memelihara ruang kosong dalam HTML boleh menjadi penting untuk mengekalkan integriti dan kebolehbacaan data. Walau bagaimanapun, memperuntukkan kelas CSS global kepada semua elemen yang berkaitan boleh menjadi tidak cekap.

Untuk mengoptimumkan pemeliharaan ruang putih tanpa menetapkan kelas individu, pertimbangkan untuk menggunakan pembungkus kelas data. Pendekatan disasarkan ini membolehkan anda menggunakan penggayaan ruang putih yang dikehendaki hanya pada elemen yang memerlukannya.

Pelaksanaan:

1. Buat pembungkus kelas data dengan atribut class="data".
2. Dalam pembungkus kelas data, gunakan ruang putih: pra; gaya kepada elemen HTML yang diperlukan, seperti , , dan .

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

<div class="data">
....

</div>