Question

我在导航栏中插入了一个Google自定义搜索引擎表单，但我无法让它在Opera中居中对齐。所有浏览器都完全尊重垂直对齐（是的！甚至是IE ..哇！）。

您可以在www.micod.cat查看（该网站不是英文版，但您可以轻松查看菜单栏中的搜索框，右侧）。 Opera正在推动表单输入字段与顶部齐平，这是不正确的。

这是该元素的CSS：

#menu li.find form div {
   padding: 0;
   margin: 0;
   height: 50px;
   line-height: 50px;
   vertical-align: middle;
}

任何聪明的头脑都能提供一些见解吗？非常感谢！

Answer 1

问题是Doctype，将其更改为严格的版本或HTML版本修复它，例如。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>

XHTML过渡Doctype意味着Opera以“几乎标准”模式呈现，尽管这会影响我不知道的原因， - Opera Doctype Switches

Answer 2

我不知道原因，或者发生了什么，但在 之前放置<input type="q" .. />修复了它。

你应该等待一个更好的答案，但如果一个人没有到达，至少可以这样做。

Answer 3

这不是您想要对齐的内容，而是内容中的图像。

#menu li.find form div img{ vertical-align: middle; }

并查看您需要的网站：

#menu ul.nav li.find { padding-top: 10px; }