最有效的方法来使该网站的内容水平对齐，并且仅垂直溢出

Question

如果我的术语有误，我仍在学习，请原谅。

我正在尝试使项目适合我想要的方式，并尝试使用浏览器（chrome）中的开发人员工具来修改现有网页。

我发现了一个网页，该网页要求您在放大时水平和垂直滚动。我希望以某种方式查看该页面，以便无论我放大多少（例如CTRL +鼠标滚轮向上），它都不需要水平滚动。

我以为加上：

overflow-x: hidden;
overflow-y: scroll;

到身体可能会修复它，但没有。

This is the website in question。 wikipedia中的示例显示了我所指的效果。

任何和所有见解/提示将不胜感激。

谢谢。

Answer 1

滚动条由#topmenu_lg创建。放大时，歌曲索引表中字母的字体大小会增加，并且超过了可用的正文宽度。

为了轻松可视化，请将此CSS添加到您的页面：

@media screen and (min-width: 600px) {
  #topmenu_lg {
    overflow-x: auto;
    max-width: 90%;
  }
}

您需要想出一种显示那些索引的方法。

使用<table>元素进行布局是可以接受的……大约30年前。