div 之间的注释块用于定位

Question

我最近看到一个网站，发现在大多数div之间，一个评论块被用来"推"元素。在我看来，这不是正确的方法，但商业上可以接受吗？

.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

注释不是为了"向下推送元素"，而是为了在保持 html 可读性的同时将空格排除在呈现的输出之外。关键是 css 中的display: inline-block - 没有每个layout_item之间的注释，分隔源中每个标签的空格将进入渲染输出，这通常不是您想要的。

关于这个问题有更深入的讨论 https://css-tricks.com/fighting-the-space-between-inline-block-elements/