У меня есть класс table , который я использую для вертикальной централизации текста в span или div .Я использую Handlebars в Node для рендеринга нескольких шаблонов на стороне сервера, я использовал этот метод на нескольких частях в моем веб-проекте, без проблем.
Однако в одной конкретной части / области разметки браузер или Handlebars игнорируют или удаляют теги table , tr и td , показывая только текст, который находится внутри тегов.
В прошлом, когда это происходило, это было потому, что мои теги были неверными.Однако я перепроверил этот код с моей другой разметкой, в которой действительно отображаются теги table (в других частях), поэтому я не вижу, в чем проблема, и не могу найти подходящую тему в Интернете.об этом (это, вероятно, что-то действительно очевидное, что заставит меня выглядеть как дурачок).
Я пробовал в Chrome и Edge.Я также попытался сохранить фрагмент разметки в файле .html (в отличие от файла .hbs) и открыть его в браузере, и при этом он показывает теги table .Следствием этой ошибки является то, что я не могу выровнять текст по вертикали в span .Я не уверен, является ли разметка недействительной в соответствии с браузером или рулем, но я не использую здесь какие-либо теги {{Handlebars}} , поэтому не следует использовать теги table быть недействительным.
Разметка:
<div class="lp-menuselector" title="View summary of Individual Learning Plan and evidence pack">
<div class="lp-menuselector-iconholder">
<img src="icons/icon_lp-overview.svg"/>
</div>
<span class="lp-menuselector-textholder">
<table class="tablecellleftalign">
<tr>
<td>
ILP Overview
</td>
</tr>
</table>
</span>
</div>
Разметка вывода, отображаемая в Chrome Developer Tools / Elements:
<span class="lp-menuselector-textholder">
ILP Overview
</span>