Html 如何在网页上居中放置div元素？

我有这个代码，但在网页的边缘div

身体{
身高：100%；
宽度：100%；
保证金：0px 0px 0px 0px；
填充：0px 0px 0px 0px；
}
.内容{
文本对齐：居中；
显示：表格单元格；
垂直对齐：中间对齐；
左侧填充：40px；
右边填充：40px；
填充顶部：50px；
填充底部：50px；
字母间距：1px；
}
代码{
字体系列：“Sans Mono”、“Consolas”、“Courier”、monospace；
字体大小：12px；
}
.代码容器{
宽度：100%；
位置：相对位置；
盒影：0px 0px 2px rgba（0,0,0,1），0px 2px 25px rgba（0,0,0,0.6）；
}
.编号{
字体系列：“Sans Mono”、“Consolas”、“Courier”、monospace；
字体大小：12px；
浮动：左；
颜色：rgb（128、128、128）；
右边框：1px实心rgb（128128128）；
宽度：15px；
填充：0px；
左侧填充：20px；
右侧填充：5px；
用户选择：无；
文本对齐：右对齐；
}
.代码行{
字体系列：“Sans Mono”、“Consolas”、“Courier”、monospace；
字体大小：12px；
浮球：对
填充：0px；
左侧填充：7px；
右侧填充：30px；
空白：预处理；
文本对齐：左对齐；
溢出：自动；
}
1
2
3
4
5
6
7
8
9
10
：当地的南部“以太”2；
ip防火墙损坏
添加操作=标记连接链=预路由注释=接口中的注释ABCDEF=$iname新连接标记=注释ABCDEF协议=tcp
添加操作=标记连接链=后路由注释=D-FUP-Upload新连接标记=D-FUP-Upload out接口=$iname协议=tcp
add action=mark packet chain=prerouting comment=commenterrwwrehr connection mark=CommentABCDEF in interface=$iname new packet mark=commenterrwwrehr passthrough=no protocol=tcp
add action=mark packet chain=prerouting comment=Comment2462436246234 connection mark=CommentABCDEF in interface=$iname new packet mark=Comment2462436246234 passthrough=no protocol=tcp
add action=mark packet chain=prerouting comment=Comment35437345434263426 connection mark=CommentABCDEF in interface=$iname new packet mark=Comment35437345434263426 passthrough=no protocol=tcp
系统调度器
添加间隔=2s name=D-FUP-Processor on event=D-FUP-Processor policy=ftp、重新启动、读、写、策略、测试、密码、嗅探、敏感启动时间=启动

您需要添加一个固定的宽度，以替换100%的宽度，以使其停止离开页面（因为其中的内容非常大）。如果需要完全响应，可以使用媒体查询根据屏幕大小更改此宽度

.code-container {
    width: 500px;
}

为了使其位于屏幕中央，将以下代码添加到“content”类div中

.content {
    display:block;
    margin:auto;
}

编辑：

---

这是一个更新的代码段，其中包含您想要的内容，您有一些错误影响了它，通常是关于框大小和定义的宽度

正文{
身高：100%；
宽度：100%；
保证金：0自动；
填充：0px 0px 0px 0px；
}
.内容{
文本对齐：居中；
保证金：0自动；
填充顶部：40px；
字母间距：1px；
}
代码{
字体系列：“Sans Mono”、“Consolas”、“Courier”、monospace；
字体大小：12px；
}
.代码容器{
宽度：90%；
保证金：0自动；
位置：相对位置；
盒影：0px 0px 2px rgba（0,0,0,1），0px 2px 25px rgba（0,0,0,0.6）；
}
.编号{
字体系列：“Sans Mono”、“Consolas”、“Courier”、monospace；
字体大小：12px；
浮动：左；
颜色：rgb（128、128、128）；
右边框：1px实心rgb（128128128）；
宽度：15px；
填充：0px；
左侧填充：20px；
右侧填充：5px；
用户选择：无；
文本对齐：右对齐；
}
.代码行{
字体系列：“Sans Mono”、“Consolas”、“Courier”、monospace；
字体大小：12px；
浮动：右填充：0px；
左侧填充：7px；
右侧填充：30px；
空白：预处理；
文本对齐：左对齐；
溢出：自动；
}

1
2
3
4
5
6
7
8
9
10

：本地在南“以太2”；#WAN接口/ip防火墙损坏添加操作=标记连接链=预路由注释=接口中的注释ABCDEF=$iname新连接标记=注释ABCDEF协议=tcp添加操作=标记连接链=后路由注释=D-FUP-Upload
新连接标记=D-FUP-Upload out接口=$iname协议=tcp添加操作=标记数据包链=预路由注释=接口中的CommenterWWRHEWRHR连接标记=CommentABCDEF=$iname新数据包标记=CommenterWWRHEWRHR传递=无协议=tcp
add action=mark packet chain=prerouting comment=Comment2462436246234 connection mark=CommentABCDEF in interface=$iname new packet mark=Comment2462436246234 passthrough=no protocol=tcp add action=mark packet chain=prerouting comment=Comment35437345434263426
接口中的连接标记=CommentABCDEF=$iname新数据包标记=Comment35437345434263426 passthrough=无协议=tcp/system scheduler add interval=2s name=D-FUP-Processor on event=D-FUP-Processor policy=ftp，重新启动，读取，写入，策略，测试，密码，嗅探，敏感
开始时间=启动

好奇号可能重复，如果他想要响应，为什么要固定宽度？较小的百分比也可以（例如90%）。我想这只是我个人的喜好，我倾向于使用固定的宽度，然后在不同的屏幕尺寸（1200、992、768、>767）上更改。我想如果它能工作，但你最终输入的代码将是所需代码的两倍。是的，这是一个很好的解决方案，但如何修改高度中心（中间）以完全居中？我的测试，但没有垂直中心任何新闻请？是的，这是一个很好的解决方案，但如何修改为高度中心（中间）为完全中心？我的测试没有垂直中心你说“完全中心”是什么意思在我看来很好。。。你的意思是你希望内部的div是正方形的，所以它在所有的边上都相等地居中？div“content”（带绿色背景）水平和垂直地填充全屏和“code container”（代码容器）