PHP - Chrome добавляет пробел между <label>и <span> - PullRequest
Новая
       8

PHP - Chrome добавляет пробел между <label>и <span>

0 голосов
/ 16 января 2019

В Chrome браузер добавляет крошечное пространство между <label> и <span>, но только на некоторых ярлыках.

Chrome - Обычная метка (игрок 1)

Chrome - с пробелом (игрок 7)

В Mozilla Firefox браузер НЕ выполняет это поведение.

Firefox - Обычный ярлык (игрок 1)

Firefox - Обычный ярлык (игрок 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. Без пробелов.

РЕДАКТИРОВАТЬ: Я считаю, что это как-то связано с сущностью em dash &mdash;. Я переключил тире em на ан тире &ndash;, который исправляет проблему. Тем не менее, я хотел бы использовать &mdash;

...