Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Option to put HTML attributes on their own lines, aligned

See original GitHub issue

Suggest an option to put HTML attributes on their own lines, aligned with each other. For example, turn this:

<button id="start-signout" class="button button-full" ng-click="vm.signout()" click-animation translate>AUTH.SIGN_OUT</button>

into this:

<button id="start-signout"
        class="button button-full"
        ng-click="vm.signout()"
        click-animation
        translate>AUTH.SIGN_OUT</button>

This has been requested and up-voted in a dependent product, Visual Studio Code.

Issue Analytics

State:
Created 7 years ago
Reactions:45
Comments:6 (1 by maintainers)

Top GitHub Comments

13reactions

Seebiscuitcommented, Jun 8, 2018

VSCode 1.23.1 “html.format.wrapAttributes”: “force-aligned” Not working in Vue SFC templates

4reactions

hneuercommented, Nov 20, 2016

Great work!

Is there an ETA for the 1.6.5 release? I would really like to see the force-align feature get into vscode!

Top Results From Across the Web

Wrap HTML attributes on new lines set by user when ...

Try these options for the html.format.wrapAttributes setting. ... force-aligned: Wrap each attribute except first and keep aligned.

Alignment, font styles, and horizontal rules in HTML documents

This attribute specifies the horizontal alignment of its element with respect to the surrounding context. Possible values: left : text lines are rendered ......

Playing With HTML Paragraphs: Let's Show You Different ...

The ALIGN Attribute ... ALIGN sets the alignment of the contents of the <DIV> element. All four values, LEFT , CENTER , RIGHT...

HTML attribute reference - HTML: HyperText Markup Language

Attribute Name Elements Description accept‑charset List of supported charsets. align, , , , , , , , , , , , , Specifies the horizontal...

HTML align Attribute - GeeksforGeeks

The align Attribute in HTML is used to specify the alignment of text content of The Element. this attribute is used in all...