【问题标题】:HTML - Either browser or handlebars is removing / ignoring a <table><tr><td> tagHTML - 浏览器或车把正在删除/忽略 <table><tr><td> 标记
【发布时间】:2019-05-27 04:19:02
【问题描述】:

我有一个 table 类,用于在 spandiv 中垂直集中文本。我在 Node 中使用 Handlebars 来渲染几个模板服务器端,我在我的 web 项目的几个部分上使用了这个方法,没有问题。

然而在标记的一个特定部分/区域中,浏览器或 Handlebars 忽略或删除 tabletrtd 标签,仅显示标签内的文本。

过去发生这种情况是因为我的标签不正确。但是,我已经将该代码与 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


    【解决方案1】:

    主题关闭:

    在我重新启动计算机并重新启动 Node 应用程序后,此错误不再出现。矩阵中的故障。

    【讨论】:

    • 当一个问题没有真正的问题时,不要回答它,删除它。