javascript - 如何让HTML代码更具可读性？

Question

我有 5 个按钮，它们编码在 1 个单行上。这使我可以将它们挤在一起，中间没有任何空格，这就是我想要的。

但是，如果我将每个按钮的代码下移一行，按钮之间就会有空格，这是我不想要的。

以下是 2 个按钮的示例代码:

<button id="home" type="button">Home</button><button id="save" type="button">Save
</button><button id="create" type="button">Create</button>

谢谢

Answer 1

您可以将换行符放入标签内:

<button>btn1</button
><button>btn2</button
><button>btn3</button>

您可以注释掉标签之间的空格，这样就好像空格根本不存在一样。

<button id="home" type="button">Home</button><!--
--><button id="save" type="button">Save</button><!--
--><button id="create" type="button">Create</button>

对于 CSS，CSS 允许您同时定义多个类/ids/等的属性。

#save, #home {
    margin-top: 20px;
    height: 40px;
    width: 240px;
}
#home { margin-left: 40px; }