VSCode puts empty lines between styles?

user_403681 0
Viewed 559

I can prevent extra blank lines in the HTML part of my file with this:

"html.format.extraLiners": " "

but how can I prevent extra blank lines between styles from the style section at the top of the file?

<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>

Thanks.

vscode-settings visual-studio-code css
1 Answers

I've looked for what should be a simple solution to this for a long time. Didn't want to install an extension just to handle something so simple, but that's the only way I've found to fix it...

  • Install Beautify.
  • Create file .jsbeautifyrc in your directory structure above wherever you want it to work. I put it in my main projects folder so it works on everything.

  • Add the rule below to the file.

    { "newline_between_rules": false }

user_27145400
Related