javascript - 如何居中javascript insideHtml

Question

好的，首先你好，我对今天刚刚开始的这个完全陌生，我正在编写一个脚本，需要添加一些内部 html，并且想知道我是否需要将每一行居中或居中开始而不是结束？我做得对吗？如果您认为我可以做得更好，请告诉我不能是 jquery。

示例A

    var settingsHtml = '';
    settingsHtml += "<center><h3 style=\"color: rgba(255, 255, 255);\">settings</h3><br>";
    settingsHtml += "<button>TEXT HERE</button>&nbsp;";
    settingsHtml += "<button>TEXT HERE</button><br>";
    settingsHtml += "<br><hr style=\"color: rgba(255, 255, 255);\"><br>";
    settingsHtml += "text here<br>";
    settingsHtml += "text here<br>";
    settingsHtml += "text here<br>";
    settingsHtml += "<br><hr style=\"color: rgba(255, 255, 255);\"><br>";
    settingsHtml += "More Coming Soon!</center><br>";

    document.getElementsByClassName("hud-settings-grid")[0].innerHTML = settingsHtml;

<div class="hud-settings-grid"> </div>

或示例 B

var settingsHtml = '';
    settingsHtml += "<center><h3 style=\"color: rgba(255, 255, 255);\">settings</h3></center><br>";
    settingsHtml += "<center><button>TEXT HERE</button>&nbsp;";
    settingsHtml += "<button>TEXT HERE</button></center><br><br>";
    settingsHtml += "<center><hr style=\"color: rgba(255, 255, 255);\"></center><br>";
    settingsHtml += "<center>text here</center><br>";
    settingsHtml += "<center>text here</center><br>";
    settingsHtml += "<center>text here</center><br><br>";
    settingsHtml += "<center><hr style=\"color: rgba(255, 255, 255);\"></center><br>";
    settingsHtml += "<center>More Coming Soon!</center><br>";

    document.getElementsByClassName("hud-settings-grid")[0].innerHTML = settingsHtml;

<div class="hud-settings-grid"> </div>

Answer 1

用 <center> .... </center> 包装所有内容

应该足够了。

但是，center是 obsolete HTML 标签。 您应该使用:

<div style="text-align:center"> .... </div>