【发布时间】:2019-05-27 04:19:02
【问题描述】:
我有一个 table 类,用于在 span 或 div 中垂直集中文本。我在 Node 中使用 Handlebars 来渲染几个模板服务器端,我在我的 web 项目的几个部分上使用了这个方法,没有问题。
然而在标记的一个特定部分/区域中,浏览器或 Handlebars 忽略或删除 table、tr 和 td 标签,仅显示标签内的文本。
过去发生这种情况是因为我的标签不正确。但是,我已经将该代码与 table 标签确实显示的其他标记进行了交叉检查(在其他部分中),所以我看不出问题出在哪里,也找不到任何合适的在线关于这个的话题(这可能是一件非常明显的事情,会让我看起来像个假人)。
我已经在 Chrome 和 Edge 中尝试过。我还尝试将标记 sn-p 保存在 .html 文件中(而不是 .hbs 文件)并在浏览器中打开它,这样做确实会显示 table 标签。此错误的后果是我无法垂直对齐 span 中的文本。我不确定标记是否根据浏览器或 Handlebars 无效,但我在这里没有使用任何 {{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 开发者工具/元素中显示的输出标记:
<span class="lp-menuselector-textholder">
ILP Overview
</span>
【问题讨论】:
标签: html node.js google-chrome handlebars.js