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

Closed. This question is off-topic。它当前不接受答案。
                            
                        
                    
                
                            
                                
                
                        
                            
                        
                    
                        
                            想改善这个问题吗？ Update the question，所以它是on-topic，用于堆栈溢出。
                        
                        7年前关闭。
                                                                                            
                
        
如您所知，钩子在'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>

我想最后使用'--->'来使代码精确地缩进而没有空格（我使用四位数的tab）。

还有一个问题：在Sublime文本2中，它不理解注释以'--->'结束，并在注释后绘制所有代码，并且不突出显示它。有没有简单的解决方法？
谢谢。

最佳答案

请参阅HTML 5规范on comments：


  注释必须以以下四个字符序列开头：U + 003C小于号，U + 0021感叹号，U + 002D HYPHEN-MINUS，U + 002D HYPHEN-MINUS（<!--）。按照此顺序，注释可能具有文本，但附加的限制是，文本不得以单个U + 003E大于符号（>）开头，也不能以“ -”（U + 002D）开头）字符，后跟U + 003E大于号（>）字符，也不包含两个连续的U + 002D减号字符（--），也不以“ -”（U + 002D）结尾字符。最后，注释必须以三个字符序列U + 002D HYPHEN-MINUS，U + 002D HYPHEN-MINUS和U + 003E GREATER-THAN SIGN（-->）结尾。


您将以-结束注释文本，这是不允许的。这混淆了编辑器的语法突出显示。

使用-->代替--->将解决此问题。 （我已经在subl2的副本中对此进行了测试）。

关于html - 用<!---->划分内联块，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14276201/