js里的document.write里的内容怎么显示居中？？

js里的document.write里的内容怎么显示居中？文字内容怎么显示屏幕居中啊，学生党不知道！求解答！

可以通过CSS设置文本居中，然后使用JavaScript将文本内容写入HTML文档。

HTML代码：

<div id="centered-text"></div>

CSS代码：

#centered-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

JavaScript代码：

document.getElementById("centered-text").innerHTML = "居中显示的文本";

这将在HTML文档中创建一个位于页面中央的DIV元素，并将文本内容写入该元素中，并使其居中显示。

最外层给一个 div 包住你所有输出的 span，然后给 div 一个 style，text-align: center 就行了。（话说，百度不是更快么）

【以下回答由 GPT 生成】

解决方案

在JavaScript中使用document.write实现内容水平居中显示可以通过以下步骤来完成：

1. 首先，使用document.write方法来创建一个包含要显示内容的<div>元素，例如：

document.write('<div id="content"></div>');

1. 接下来，可以通过CSS来设置该<div>元素的样式，使其具有水平居中的特性。可以使用margin属性来设置左右外边距为auto，同时设置宽度属性为固定值或百分比值，例如：

var content = document.getElementById("content");
content.style.margin = "0 auto";
content.style.width = "50%"; // 可根据需求调整宽度

1. 然后，使用document.write方法向<div>元素中插入要显示的内容，例如：

document.write('<p>这是要居中显示的内容</p>');

完整的代码如下所示：

document.write('<div id="content"></div>');
var content = document.getElementById("content");
content.style.margin = "0 auto";
content.style.width = "50%"; // 可根据需求调整宽度
document.write('<p>这是要居中显示的内容</p>');

以上代码将创建一个水平居中的<div>元素，并在其中插入要显示的内容，使其在页面上水平居中显示。

但是，尽管这个解决方案是可行的，但使用document.write方法来直接操作DOM可能不是最佳实践。更好的方法是先创建一个包含要显示内容的变量，然后在页面中选择合适的位置插入该变量的内容。

【相关推荐】

• 这篇博客: 异步加载js不允许使用document write的解决方法中的 异步加载js不允许使用document write的解决方法 部分也许能够解决你的问题。