div之间的注释块用于定位

Question

我最近遇到一个网站，发现在大多数div之间，评论区块被用来“推送”＃39;元素下来。在我看来，这不是正确的做法，但在商业上做是否可以接受？

HTML

<div class="layout__item">

    </div><!--

    --><div class="layout__item">

    </div><!--

    --><div class="layout__item">

</div>

CSS

.layout__item {
    display: inline-block;
    padding-left: 22px;
    vertical-align: top;
    width: 100%;
}

Answer 1

这些评论并没有“＃34;向下推送元素＆＃34;”，但是在保持html可读的同时保持空白不受渲染输出的影响。密钥是css中的display: inline-block - 没有每个layout_item之间的注释，分隔源中每个标记的空格会进入渲染输出，这通常是在那种情况下不是你想要的。

在https://css-tricks.com/fighting-the-space-between-inline-block-elements/

对这个问题进行了更深入的讨论