javascript - 默认情况下，无法对齐底部有很多填充的 Google 自定义搜索引擎输入表单

Question

我正在使用“经典”Google Custom Engine Search主题。它的底部有很多填充，看起来像这样:

我可以将它垂直对齐到中间的唯一方法是使用 padding-top但这样做会通过保持底部填充来增加导航栏的高度。我试过设置 padding-bottom: 0 .然后我试了vertical-align: middle .它还作为菜单列表项添加，因此它应该像其他菜单项一样位于导航栏的中间，只是它 float 到右侧。

我也尝试过其他 Google 自定义搜索主题。默认的搜索按钮被压扁，其中/上面的搜索图标不显示。其余部分受到填充问题的困扰，唯一的区别是 padding-bottom值(value)——有的多，有的少。这应该可以排除我网站的任何样式问题，因为我在整个 Google 自定义搜索引擎主题更改过程中都采用了相同的样式。

我正在使用 <script>...</script>用于嵌入 GCSE 的 (JavaScript) 版本。

抱歉，我无法创建 fiddle ，因为我的网站使用了一个很大的编号。 PHP 文件。

Answer 1

我看过你的页面，你没有对其他元素使用垂直对齐。 margin 是由搜索 div 内的表单引起的。所以这应该有效:

.fp-search div {padding : 10px;}

.fp-search div div form {margin : 0;}