时间戳

首页 > 解决方案 > VSCode 在样式之间放置空行？

css - VSCode 在样式之间放置空行？

问题描述

我可以使用以下方法防止文件的 HTML 部分中出现额外的空白行：

"html.format.extraLiners": " "

但是如何防止文件顶部样式部分的样式之间出现额外的空白行？

<html>
<head>
    <style>
        #c {
            background-color: red;
        }

        #b {
            background-color: green;
        }

        #c {
            background-color: blue;
        }

    </style>
</head>
<body>
    <div id="a">A</div>
    <div id="b">B</div>
    <div id="c">C</div>
</body>
</html>

谢谢。

标签： cssvisual-studio-codevscode-settings

解决方案

很长一段时间以来，我一直在寻找应该是一个简单的解决方案。不想安装扩展程序只是为了处理如此简单的事情，但这是我发现修复它的唯一方法......

  • 安装美化。
  • 在上面的目录结构中创建文件 .jsbeautifyrc ，无论您希望它在哪里工作。我把它放在我的主项目文件夹中，所以它适用于所有东西。

  • 将以下规则添加到文件中。

    {“newline_between_rules”：假}

推荐阅读