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 类解决了这个问题。