ご存知かもしれませんが、'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>
最後に '--->' を使用して、スペースを入れずにコードを細かくインデントしたいと思います (4 桁のタブを使用します)。
また質問: Sublime text 2 では、コメントが '--->' で閉じられていることを理解せず、コメントの後にすべてのコードをペイントし、強調表示しません。それを回避する簡単な方法はありますか？ありがとうございました。
コメントに関するHTML 5 仕様を参照してください。
コメントは、U+003C LESS-THAN SIGN、U+0021 EXCLAMATION MARK、U+002D HYPHEN-MINUS、U+002D HYPHEN-MINUS (
<!--) の 4 文字シーケンスで開始する必要があります。このシーケンスに続いて、コメントにテキストを含めることができますが、テキストは単一の U+003E GREATER-THAN SIGN 文字 (>) で開始したり、"-" (U+002D) 文字とそれに続く Uで開始したりしてはならないという追加の制限があります。 +003E GREATER-THAN SIGN (>) 文字でなく、2 つの連続した U+002D HYPHEN-MINUS 文字 (--) を含まず、"-" (U+002D) 文字で終わっていません。最後に、コメントは U+002D HYPHEN-MINUS、U+002D HYPHEN-MINUS、U+003E GREATER-THAN SIGN (-->) の 3 文字シーケンスで終了する必要があります。
-許可されていない でコメント テキストを終了しています。これは、エディターの構文ハイライターを混乱させます。
-->の代わりに使用--->すると修正されます。(subl2 のコピーでこれをテストしました)。
達成しようとしている効果については、より適切な解決策はfloat:left要素に使用することです。これはまさにフロートが設計された状況です。そうすれば、インライン要素を使用するときの空白の問題を解決できます。