個々のクラスの割り当てを避けながら、HTML の空白の整合性を維持するにはどうすればよいですか?

HTML での空白の整合性の維持

HTML で空白を保持すると、特にデータベースから取得した場合にテキスト データが正確にレンダリングされます。 1 つの戦略は、グローバル CSS クラスを定義することです:

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

ただし、クラスを各要素に個別に割り当てることを避けるために、それらを専用のデータ クラス ラッパー内に囲むことを検討してください:

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

Wrap

コンテナ内のデータ要素:

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

</div>

このアプローチでは、必要な CSS ルールをラップされた要素に効果的に適用します。個別のクラス割り当ての必要性を回避します。

以上が個々のクラスの割り当てを避けながら、HTML の空白の整合性を維持するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。