Question

使用Chrome，浏览器在<label>和<span>之间添加了一个很小的空间，但仅在某些标签上。

Chrome - Normal Label (Player 1)

Chrome - With Space (Player 7)

使用Mozilla Firefox，浏览器不会呈现此行为。

Firefox - Normal Label (Player 1)

Firefox - Normal Label (Player 7)

我正在使用<label>和<span>来区分播放器＃和播放器名称之间的颜色。

这两个示例均以相同的方式编码，并且这两种方法均产生相同的结果：

1）

<div class="card card-header rounded-0 pl-2 py-1">
  <label class="players text-uppercase mb-0" for="player_7_text">PLAYER 7&mdash;(<span class='text-white'><?php echo $player_7_title ?></span>)</label>
</div><!-- card-header -->

2）

  // From PHP File
  $player_7_title = "PLAYER 7&mdash;(<span class='text-white'>" .  $row_players['player_7'] . "</span>)";

<div class="card card-header rounded-0 pl-2 py-1">
  <label class="players text-uppercase mb-0" for="player_7_text"><?php echo $player_7_title ?></label>
</div><!-- card-header -->

我检查了数据库条目是否有多余的空格。我检查了我的HTML，包括检查器工具。我还修改了PHP串联运算符。没有空格。

编辑：我相信它与破折号实体—有关。我将破折号切换为破折号–，从而解决了该问题。但是，我想使用—

PHP — Chrome在<label>和<span>之间添加了空格

0 个答案: