如何使Javascript创建的DIV居中？

这是我的计数器代码（修改自www.w3schools.com代码）

我正在努力使输出水平居中。我曾尝试将一个DIV封装起来，然后使用以下技术将该DIV居中，但没有成功，任何指针都表示赞赏：

使用CSS使用

text align:center设置外部DIV的样式

使用CSS将外部DIV的样式设置为

左边距：auto&
右边距：自动

使用Javascript设置输出的

margin

属性水平对齐

.更大{
文本对齐：居中；
字号：1.35em；
}
.柜台{
文本对齐：居中；
字号：6em；
填充：0px 0px 0px 0px；
线高：1米；
}
.柜台标签{
字体大小：0.2米；
线高：1米；
}
}
功能板（str，最大值）{
返回str.length

下面是使用JS查找div中心的步骤。最好将其附加到“调整窗口大小”事件上。所以它会随着用户改变窗口大小而移动

//通过js创建div
var div=document.createElement（“div”）；
文件.正文.附件（div）；
//查找窗口宽度
var winWidth=document.documentElement.clientWidth；
//查找div宽度
var divWidth=div.offsetWidth；
//找到中心位置
变量centerPos=（winWidth/2）-（divWidth/2）
//将div置于正确位置
div.style.marginLeft=centerPos+'px'
div{
高度：100px；
宽度：100px；
背景色：红色；
}
在这种情况下，创建一个容器div来保存倒计时文本是有效的（使用CSS flexbox，将justify content设置为“center”）-flexbox可以正确地调整窗口大小：



.更大{
文本对齐：居中；
字号：1.35em；
}
.柜台{
文本对齐：居中；
字号：6em；
填充：0px 0px 0px 0px；
线高：1米；
}
.柜台标签{
字体大小：0.2米；
线高：1米；
}
.集装箱{
显示器：flex；
证明内容：中心；
}
}
功能板（str，最大值）{
返回str.length
您的问题只是以css为中心的常见问题。我建议你熟悉这个概念，因为它是
.centered {
  display: table;
  margin: 0 auto;
}