我已经在导航栏中插入了一个 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;
}
有没有聪明的头脑可以提供一些见解?非常感谢!
最佳答案
问题是文档类型,将其更改为严格的类型或 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
关于css - 表单元素不遵守 Opera 中的 CSS 垂直对齐方式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6249162/