-1

您可能知道在“显示：内联块”元素之间注释空格的钩子。

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

    <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 text 2 中，它不理解注释是用 '--->' 关闭的，并且在注释之后绘制所有代码并且不突出显示它。有没有简单的方法解决它？谢谢你。

4

2 回答 2

6

请参阅有关注释的 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 副本中对此进行了测试）。

于 2013-01-11T10:43:27.427 回答
1

对于您想要达到的效果，更简洁的解决方案是float:left在元素上使用。这是浮动设计的确切情况。这样您就可以在使用内联元素时消除空格问题。

于 2013-01-11T10:42:01.090 回答