Html 调整浏览器大小时，如何使分区中的对象居中？

我正在创建一个分为两列的网站：一列是菜单，一列是滑块。我在章节中的

中遇到了一些问题

我希望当我调整浏览器大小时，我的对象保持在完全居中的位置，因为当前当我调整浏览器大小时，菜单中的最新项目不会保持在原来的位置。即使我移除了滑块，也会发生这种情况

调整浏览器大小时，如何确保对象完全居中？ 这里是一个屏幕截图：

*{
保证金：0；
填充：0；
边界：0；
框大小：边框框；
}
html，
身体{
身高：100%；
/*需要能够在列中使用100%的高度*/
溢出：隐藏；
}
身体{
字体系列：Helvetica、Arial、无衬线字体；
字体大小：300；
}
.栏目{
身高：100%；
浮动：左；
}
.c20{
宽度：20%；
背景颜色：黄色；
}
.c80{
宽度：80%；
背景色：红色；
}
标题{
身高：20%；
}
部分{
身高：60%；
}
页脚{
身高：20%；
}
标题，
页脚{
背景色：rgba（2002002000.5）；
}
第节，
标题，
页脚{
填充：10px；
}
/*菜单*/
.垂直菜单{
宽度：100%；
/*如果您愿意，请设置一个宽度*/
身高：100%；
位置：静态；
}
.垂直菜单a{
颜色：黑色；
/*黑色文本颜色*/
显示：块；
/*使链接显示在彼此下方*/
填充：15px0；
/*添加一些填充物*/
文字装饰：无；
/*从链接中删除下划线*/
文本对齐：居中；
宽度：100%；
}
.垂直菜单a：悬停{
背景色：；
/*鼠标悬停时背景为深灰色*/
}
.图像滑块{
位置：相对位置；
宽度：%；
保证金：0自动；
}

西蒙尼·利夫拉吉摄影师
收割台c20
页脚c20
标题c80
页脚c80

你应该给侧菜单栏一个固定的宽度，在某个断点处它可能会放错位置，但现在它在调整大小后会显示在完美的位置。

你应该给侧菜单栏一个固定的宽度，在某个断点处它会放错位置，但现在它在调整大小后也会显示在完美的位置上将

margin:auto

添加到垂直菜单中的每个项目将有助于：

.vertical-menu a {
color: black;
display: block;
padding: 15px 0;
text-decoration: none;
text-align: center;
width: 100%;
margin: auto;
}

---

在垂直菜单中的每个项目中添加

margin:auto

，可能有助于：

.vertical-menu a {
color: black;
display: block;
padding: 15px 0;
text-decoration: none;
text-align: center;
width: 100%;
margin: auto;
}