vscode prettierの整形について

Question

          <li>
            <a href="images/photo1.jpg"
              ><img src="images/photo1_thum.jpg" alt=""
            /></a>
          </li>
          <li>
            <a href="images/photo2.jpg"
              ><img src="images/photo2_thum.jpg" alt=""
            /></a>
          </li>
          <li>
            <a href="images/photo3.jpg"
              ><img src="images/photo3_thum.jpg" alt=""
            /></a>
          </li>
          <li>
            <a href="images/photo4.jpg"
              ><img src="images/photo4_thum.jpg" alt=""
            /></a>
          </li>
          <li>
            <a href="images/photo5.jpg"
              ><img src="images/photo5_thum.jpg" alt=""
            /></a>
          </li>
          <li>
            <a href="images/photo6.jpg"
              ><img src="images/photo6_thum.jpg" alt=""
            /></a>
          </li>
          <li>
            <a href="images/photo7.jpg"
              ><img src="images/photo7_thum.jpg" alt=""
            /></a>
          </li>
          <li>
            <a href="images/photo8.jpg"
              ><img src="images/photo8_thum.jpg" alt=""
            /></a>
          </li>

VScodeにて、prettierを使って整形しているのですが、liのコードがこのように整形されます。
個人的に見にくいと感じるのですが、この整形は一般的なのでしょうか？
a要素の中にimg要素があるという状況です。

Comments

[oikashinoa]

prettierの名が付く機能拡張はいっぱい有るので、どれを使っているか明示しないと話が逸れていきます。

[yana22]

prettier-Code formatterというプラグインを使用しています。

Answer 1

つい最近同じ話を見ました。

Answer 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Answer 3

どの状態から、上記のように整形されるのですかね？

当方、試したところ問題なく整形されたので、prettierを実行する前のコードに問題があるのかなと思いました。

Comments

[yana22]

<li>
<a href="images/photo2.jpg"><img src="images/photo2_thum.jpg" alt=""></a>
</li>

整形前はこの状態です。