无法对齐 Google 自定义搜索引擎输入表单,默认情况下底部有很多填充
Cannot align Google Custom Search Engine input form which has a lot of padding at the bottom by default
我正在使用 'Classic' Google Custom Engine Search 主题。它的底部有很多填充,看起来像这样:
我可以将其垂直对齐到中间的唯一方法是使用 padding-top
,但这样做会通过保持底部填充来增加导航栏的高度。我试过设置 padding-bottom: 0
。然后我尝试了vertical-align: middle
。它还作为菜单列表项添加,因此它应该像其他菜单项一样位于导航栏的中间,只是它浮动到右侧。
我也尝试了其他 Google 自定义搜索主题。默认的搜索按钮被压扁,搜索图标 in/on 不显示。其余的都受到填充问题的困扰,唯一的区别是 padding-bottom
值——有的多,有的少。这应该可以排除我网站的任何样式问题,因为我在整个 Google 自定义搜索引擎主题更改过程中使用了相同的样式。
我正在使用 <script>...</script>
(JavaScript) 版本嵌入 GCSE。
抱歉,我无法创建 fiddle,因为我的网站使用了一个很大的编号。 PHP 个文件。
我看过你的页面,你没有对其他项目使用垂直对齐。而margin是搜索里面的一个表格造成的div。所以这应该有效:
.fp-search div {padding : 10px;}
.fp-search div div form {margin : 0;}
我正在使用 'Classic' Google Custom Engine Search 主题。它的底部有很多填充,看起来像这样:
我可以将其垂直对齐到中间的唯一方法是使用 padding-top
,但这样做会通过保持底部填充来增加导航栏的高度。我试过设置 padding-bottom: 0
。然后我尝试了vertical-align: middle
。它还作为菜单列表项添加,因此它应该像其他菜单项一样位于导航栏的中间,只是它浮动到右侧。
我也尝试了其他 Google 自定义搜索主题。默认的搜索按钮被压扁,搜索图标 in/on 不显示。其余的都受到填充问题的困扰,唯一的区别是 padding-bottom
值——有的多,有的少。这应该可以排除我网站的任何样式问题,因为我在整个 Google 自定义搜索引擎主题更改过程中使用了相同的样式。
我正在使用 <script>...</script>
(JavaScript) 版本嵌入 GCSE。
抱歉,我无法创建 fiddle,因为我的网站使用了一个很大的编号。 PHP 个文件。
我看过你的页面,你没有对其他项目使用垂直对齐。而margin是搜索里面的一个表格造成的div。所以这应该有效:
.fp-search div {padding : 10px;}
.fp-search div div form {margin : 0;}