小编典典

HTML / CSS-在某些元素上保留空白的最佳做法?

html

在HTML中保留空白的 最佳
方法是什么?我们有很多页面从数据库中提取数据,并且数据中可能有多个空格。呈现的保存数据的HTML元素与锚标记不同(<a>), spans (<span>), table rows (<tr>, <td>, etc.

现在最简单的操作是添加一个全局css类,如下所示:

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

我想知道是否有更好的方法来实现这一点, 而无需 为每个单独的HTML元素分配一个类。


阅读 595

收藏
2020-05-10

共1个答案

小编典典

我将使用相同的技术,但需要在数据类包装器内:

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

HTML:

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

</div>
2020-05-10