Html 用<；！--分割内联块---&燃气轮机；

正如您可能知道的，“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>

内容1内容2内容3

我想在最后使用'-->'来保持代码没有空格的精细缩进（我使用四位制表符）

还有一个问题：在Sublime text 2中，它不理解注释以“--->”结尾，并在注释后绘制所有代码，并且不突出显示它。有没有简单的办法？

---

谢谢。

对于您试图实现的效果，一个更简洁的解决方案是在元素上使用

float:left

。这正是浮子设计的初衷。

---

这样，您就可以在使用内联元素时消除空白问题。

请参阅HTML 5规范：

注释必须以四个字符序列U+003C小于号、U+0021感叹号、U+002D连字符减号、U+002D连字符减号（

）开头

您正在以

-

结束注释文本，这是不允许的。这会混淆编辑器的语法高亮显示

---

使用

-->

而不是

-->

将修复此问题。（我已经在我的副本2中对此进行了测试）

顺便说一句，你只需要两个破折号就可以结束一条评论：

-->

我猜他用了三个破折号来排列分区properly@Tarilo但这很危险，因为如果他使用了两个以上的破折号，结果可能会变成无效的HTML。HTML注释很奇怪，注释中的两个破折号结束了注释。你说得对。我只是指出，使用三个破折号并不是偶然的，但这是故意的，但这并不意味着它没有那么错。我认为这个问题是离题的，因为你基本上是在报告一个带有升华文本2的bug，而这不是

float:left

设计的情况。它被设计成允许文本环绕图像和旁白。向左浮动会产生各种潜在的不良副作用，特别是将所有东西都向左移动（可能居中），违反任何垂直对齐规则，并且如果框的高度不相等，可能会导致奇怪的堆叠效果。谢谢您的回复，但我只是想知道作为评论结尾的-->是什么。内联块也很好，并且是float:left的替代品。