格式化 html 代码时 Prettier 代码格式化程序不一致

Question

I've been running into this issue there the Prettier code formatter isn't formatting my HTML code consistently in VS Code as seen below. I expect it to format both of the <input> tags the same but for some reason, it splits each attribute of the second <input> into separate lines.

Any particular reason why this is happening, if so how can I fix it so that it's consistent with the formatting of the first <input> tag?

Answer 1

this happens because it has line length limit which is by default 80. you can search <Prettier: Print Width> in VS Code settings and change its value.