Comment puis-je préserver efficacement les espaces blancs en HTML tout en conservant un code propre ?

Préserver les espaces blancs en HTML : améliorer la lisibilité et la fidélité du contenu

Lorsqu'il s'agit d'un contenu textuel pouvant contenir plusieurs espaces, la préservation des espaces blancs est crucial pour maintenir l’intégrité et la lisibilité de l’information. En HTML, cela peut être difficile, surtout lorsque les données sont générées dynamiquement à partir d'une base de données.

Une solution courante consiste à appliquer la propriété white-space: pre CSS aux éléments contenant les données. Cependant, attribuer des classes individuelles à chaque élément peut s'avérer peu pratique et prendre du temps.

Une meilleure approche consiste à créer un wrapper de classe de données dédié et à appliquer la propriété white-space: pre aux éléments enfants dans le wrapper. Cela garantit la préservation des espaces blancs uniquement là où cela est nécessaire, sans encombrer le balisage avec des classes inutiles.

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

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

En utilisant cette technique, vous pouvez préserver les espaces blancs en HTML sans sacrifier la flexibilité et la séparation des contenu et présentation. Il permet une base de code propre et maintenable qui garantit la représentation fidèle des données texte dans vos documents HTML.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!