html - 放大时 Div 在 Opera Mobile 中搞砸了

Question

我在我的网站上使用具有以下 CSS 类的 div:

width: 100%;
margin: 6px auto 0;
height: 51px;
line-height: 50px;
text-align: center;
max-width: 1290px;

此 div 中有几个链接具有以下 css 类:

display: inline-block;
width: 7.5%;

注意:我还尝试了以下方法:

display: inline;
padding: 0 20px;

此布局在所有主要浏览器(包括 Android 标准版浏览器)上运行良好，但在放大时我在 Opera Mobile 上遇到了严重问题。看看:

它基本上被包裹成 2 行。

( div id="菜单")

Answer 1

一个简单的:

white-space: nowrap;

#menu 类解决了这个问题。