Html 类中末尾引号处的Visual Studio代码空格_Html_Visual Studio Code

Html 类中末尾引号处的Visual Studio代码空格

html visual-studio-code

Html 类中末尾引号处的Visual Studio代码空格,html,visual-studio-code,Html,Visual Studio Code,就在几天前，我的Html页面在保存时，在关闭引号时开始在我的所有类中添加空格。我没有下载任何新的扩展，也没有发现任何其他人有过这样的帖子。我的设置也没有改变。我确实将renderWhitespace设置为“none”，只是想看看这是否可行，但它对此没有影响。我也在用更漂亮的以下是my settings.json文件： { "liveServer.settings.donotShowInfoMsg": true, "liveServer.settings.d

就在几天前，我的Html页面在保存时，在关闭引号时开始在我的所有类中添加空格。我没有下载任何新的扩展，也没有发现任何其他人有过这样的帖子。我的设置也没有改变。我确实将renderWhitespace设置为“none”，只是想看看这是否可行，但它对此没有影响。我也在用更漂亮的

以下是my settings.json文件：

{
  "liveServer.settings.donotShowInfoMsg": true,
  "liveServer.settings.donotVerifyTags": true,
  "workbench.colorTheme": "Winter is Coming (Dark Blue)",
  "workbench.iconTheme": "eq-material-theme-icons-darker",
  "terminal.integrated.shell.windows": "C:\\Users\\AngelRodriguez\\AppData\\Local\\Programs\\Git\\bin\\bash.exe",
  "files.autoSave": "afterDelay",
  "editor.minimap.enabled": false,
  "breadcrumbs.enabled": true,
  "editor.renderWhitespace": "none",
  "editor.codeActionsOnSave": null,
  "editor.formatOnSave": true,
  "editor.insertSpaces": false,
  "files.trimTrailingWhitespace": true,
  "editor.wordWrap": "on",
  "editor.rulers": []
}

下面是我的Html发生了什么的视觉效果：

<!DOCTYPE html>
<html>

<head>
    <title>Google Maps Distance Search</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
    <link rel=stylesheet " type="text/css " src="main.css "></link>
</head>

<body>
    <div class="container ">
        <nav class="navbar navbar-light ">
            <a class="navbar-brand " href="# ">
                <img src="https://res.cloudinary.com/angelrodriguez/image/upload/v1599591653/logo.png " width="300 " height="40 " class="d-inline-block align-top " alt="Ethos Image ">
            </a>
            <span class="navbar-text ">
            Ethos Service Center Proximity
        </span>
        </nav>
    </div>
    <div class="container-sm mt-3 ">
        <form class="form mb-3 " id="form ">
            <div class="search ">
                <div class="card-body ">
                    <div class="input-group ">
                        <div class="input-group-prepend ">
                            <span class="input-group-text patient__input ">Patient Address</span>
                        </div>
                        <input class="form-control " type="text " placeholder="Enter complete address OR city and state OR zip code... " class="patientaddress " id="patientaddress " required>
                        <div class="input-group-prepend ">
                            <span class="input-group-text " id="message "></span>
                        </div>
                    </div>
                    <hr>
                    <button class="btn btn-primary mt-2 " type="Submit " value="Submit " id="submit ">Submit</button>
                    <button class="btn btn-outline-success mt-2 ml-3 " type="reset " value="Reset " id="refresh ">Reset Address</button>
                </div>
                <div class="spinner " id="spinner "></div>
            </div>
        </form>

    </div>
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=places&key=8 "></script>
    <script src="main.js "></script>
</body>

</html>


谷歌地图距离搜索
类中允许使用空格，并且它不影响在javascript中获取dom中的类。您正在使用的导致问题的javascript是什么？