如何在echo中为字段标签（加粗）与值（常规）设置不同样式？

嘿，这个问题其实很好解决～你只需要把字段标签和对应的值拆成两个独立部分来处理样式就可以了，不用局限在给整个<p>标签设置统一样式。下面给你两种常用的实现方式：

方式1：直接用HTML加粗标签快速实现 #

如果只是需要简单的加粗效果，直接用<strong>（语义化推荐）或者<b>标签包裹字段标签部分，然后用echo输出完整的HTML结构就行：

echo '<div><p><strong>Width (cm):</strong> 46</p></div>';

这样输出后，Width (cm): 是加粗样式，后面的46保持常规样式，完全符合你的需求。

方式2：用CSS类控制（更灵活，适合批量样式统一） #

如果后续可能需要调整标签的样式（比如改颜色、字体大小），推荐给标签单独加一个CSS类，这样方便统一管理：
首先输出带类名的HTML结构：

echo '<div class="field-wrapper">
        <p><span class="field-label">Width (cm):</span> 46</p>
      </div>';

然后在CSS里定义类的样式：

.field-label {
  font-weight: bold;
  /* 还可以加其他样式，比如 color: #333; */
}

这种方式的好处是，如果你有多个类似的字段（比如Height (cm):、Weight (kg):），只需要给它们的标签都加上field-label类，就能统一应用加粗样式，不用重复写加粗标签。

本质思路就是：把需要特殊样式的标签部分单独包裹起来，和数值部分分开，这样就能分别设置样式啦～

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