Неизвестная строка отображается на отображаемой HTML-странице
Между двумя компонентами HTML вставляется случайная строка "b b b b b", которая изначально не существует в моем коде. В настоящее время у меня есть js-скрипт, который находит эту мусорную строку и просто удаляет ее вручную. Мне было интересно, знает ли кто-нибудь, почему это происходит, чтобы я мог действительно исправить это вместо этого обходного пути
Вот как соответствующая часть кода выглядит на моей локальной машине (посмотрите на начало тега table) -
<div class="row">
<div class="col-1"></div>
<div class="col-10">
<div class="row answers">
<table class="part2">
<thead>
<tr>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td>1. {{form.question_1.label_tag}}</td>
{% for choice in form.question_1 %}
<td><span class="radio">{{ choice.tag }}</span></td>
{% endfor %}
</tr>
</tbody>
</table>
</div>
</div>
<div class="col-1"></div>
</div>
Вот как выглядит рендеринг HTML кода. Я скопировал это из элемента browser inspect (Обратите внимание, как случайный b \n b \n b\n b\n вставлен прямо перед тегом table без того, чтобы он был в коде) -
<div class="row answers">
b
b
b
b
b
b
<table class="part2">
<thead>
<tr>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td>1. <label>When this student is feeling happy, they can control their happiness.</label></td>
</tr>
</tbody>
</table>
</div>
Это проект Python-Django, запущенный в Chrome. Я проверил то же самое в firefox, и там тоже появляется эта строка. Так что я сомневаюсь, что это проблема браузера.
Любая помощь будет оценена по достоинству! Спасибо :)