用<! - --->划分内联块

Question

正如你可能知道钩子一样,在'display:inline-block'元素之间注释空格.

您如何看待这样的解决方案:

    <div style="display:inline-block">Content 1</div><!--
---><div style="display:inline-block">Content 2</div><!--
---><div style="display:inline-block">Content 3</div>

我想最后使用'--->来保持代码没有空格的精细缩进(我使用四位数的标签).

还有一个问题:在Sublime文本2中,它不理解注释是用"--->"关闭的,并且在注释后绘制所有代码并且不突出显示它.有一个简单的方法吗？谢谢.

Answer 1

请参阅评论的HTML 5规范:

注释必须以四个字符序列U + 003C LESS-THAN SIGN,U + 0021 EXCLAMATION MARK,U + 002D HYPHEN-MINUS,U + 002D HYPHEN-MINUS(<!--)开始.按照这个顺序,注释可能有文本,附加的限制是文本不能以单个U + 003E GREATER-THAN SIGN字符(>)开头,也不能以" -"(U + 002D)字符后跟U开头+ 003E GREATER-THAN SIGN(>)字符,也不包含两个连续的U + 002D HYPHEN-MINUS字符(--),也不包含" -"(U + 002D)字符.最后,评论必须以三个字符序列U + 002D HYPHEN-MINUS,U + 002D HYPHEN-MINUS,U + 003E GREATER-THAN SIGN(-->)结束.

您正在使用-不允许的注释文本结束.这使编辑器的语法高亮显示混乱.

使用-->而不是--->将修复它.(我在我的subl2副本中对此进行了测试).