使用ACF Repeater时前端描述字段文字无空格问题求助

嘿，我之前碰到过类似的ACF字段显示异常，结合你的情况，咱们从这几个方向排查解决：

1. 优先排查CSS样式问题 #

既然你提到开发者工具里文本格式是正常的，但前端显示没空格，大概率是CSS样式把空格“吃掉”了。你可以用浏览器开发者工具选中那个<p>标签，检查以下几个CSS属性：

• word-spacing：如果设置了负值（比如word-spacing: -2px），会导致单词挤在一起
• letter-spacing：同样，过大的负值会让字符间距异常
• white-space：如果设置了nowrap或者pre-line之外的值，可能影响空格渲染
• 字体属性：部分特殊字体可能对空格的渲染有异常

如果发现异常样式，调整对应的CSS规则即可。

2. 处理字段输出的内容格式 #

如果CSS没问题，那可能是字段内容里的空格是非标准格式（比如不间断空格 或者全角空格），或者输出时没有正确处理。你可以修改输出代码试试：

方法一：用the_sub_field替代echo get_sub_field #

the_sub_field会自动应用ACF的默认过滤规则，有时候能解决空格问题：

<p><?php the_sub_field('content'); ?></p>

方法二：转换非标准空格为普通空格 #

如果内容里有不间断空格，用str_replace转换：

$content = get_sub_field('content');
// 替换不间断空格为普通空格
$content = str_replace("\u{00A0}", " ", $content);
// 替换全角空格为普通空格
$content = str_replace("　", " ", $content);
echo $content;

方法三：用WordPress的文本过滤函数 #

试试用wptexturize处理内容，确保空格正确渲染：

<p><?php echo wptexturize(get_sub_field('content')); ?></p>

3. 检查ACF字段设置 #

最后确认一下你的ACF字段配置：

• 进入ACF字段组编辑页面，找到content字段
• 检查“格式化”选项：如果选了“无”，可以改成“自动段落”试试（不过你已经用了<p>标签，可能需要调整）
• 确认字段类型是“文本区域”（Text Area）而不是“文本”（Text），文本区域会更好地保留空格和换行

内容的提问来源于stack exchange，提问作者user9191441