Question

我想知道是否有一种快速方法可以简单地将所有html代码对齐到左侧。所以，如果我有下面看起来像下面的代码可以看起来像下面。

<form role="form">
<div class="form-group">
  <label for="comment">Goal Description:</label>
  <textarea class="form-control" rows="5" id="gd"></textarea>
</div><div class="form-group">
  <label for="comment">Performance Challenge:</label>
  <textarea class="form-control" rows="5" id="pc"></textarea>
</div><div class="form-group">
  <label for="comment">Strategy:</label>
  <textarea class="form-control" rows="5" id="Strategy"></textarea>
</div><div class="form-group">
  <label for="comment">Target:</label>
  <textarea class="form-control" rows="5" id="Target"></textarea>
</div>

这是我在使用它时想要的样子。

<form role="form">
<div class="form-group">
<label for="comment">Goal Description:</label>
<textarea class="form-control" rows="5" id="gd"></textarea>
</div><div class="form-group">
<label for="comment">Performance Challenge:</label>
<textarea class="form-control" rows="5" id="pc"></textarea>
</div><div class="form-group">
<label for="comment">Strategy:</label>
<textarea class="form-control" rows="5" id="Strategy"></textarea>
</div><div class="form-group">
<label for="comment">Target:</label>
<textarea class="form-control" rows="5" id="Target"></textarea>
</div>
</form>

我知道ctrl + shift+ F，我不喜欢格式设置的方式。

感谢任何帮助。

Answer 1

我会这样格式化：

<form role="form">
    <div class="form-group">
      <label for="comment">Goal Description:</label>
      <textarea class="form-control" rows="5" id="gd"></textarea>
    </div>
    <div class="form-group">
      <label for="comment">Performance Challenge:</label>
      <textarea class="form-control" rows="5" id="pc"></textarea>
    </div>
    <div class="form-group">
      <label for="comment">Strategy:</label>
      <textarea class="form-control" rows="5" id="Strategy"></textarea>
    </div>
    <div class="form-group">
      <label for="comment">Target:</label>
      <textarea class="form-control" rows="5" id="Target"></textarea>
    </div>
</form>

您提供的两个示例都包含较差的格式，这使得阅读更加困难。

Answer 2

尝试突出显示您的代码并执行shift + tab

如何格式化HTML代码？

2 个答案: