HTML空格渲染测试

原始文本(包含双空格):

Balenciaga 女款 Cargo 做旧 运动鞋 785756 W2MU1代购8.31M

1. 默认渲染(HTML会合并空格):

Balenciaga 女款 Cargo 做旧 运动鞋 785756 W2MU1代购8.31M

说明:注意 "Cargo" 和 "做旧" 之间的双空格被显示为单空格

2. 使用 white-space: pre-wrap(保留空格):

Balenciaga 女款 Cargo 做旧 运动鞋 785756 W2MU1代购8.31M

说明:双空格被正确保留

3. 使用 white-space: pre(保留空格,不换行):

Balenciaga 女款 Cargo 做旧 运动鞋 785756 W2MU1代购8.31M

说明:双空格被正确保留

4. 使用 <pre> 标签:

Balenciaga 女款 Cargo  做旧 运动鞋 785756 W2MU1代购8.31M

说明:双空格被正确保留

5. 使用 &nbsp; 实体:

Balenciaga 女款 Cargo  做旧 运动鞋 785756 W2MU1代购8.31M

说明:使用两个 &nbsp; 强制显示双空格

结论:

HTML默认会将多个连续空格合并为一个空格。这就是为什么在前端页面上看到的是单空格,而数据库中是双空格。

要保留原始格式,需要使用: