Javascript 如何设计谷歌定制搜索引擎,使其不会';不显示为块元素

Javascript 如何设计谷歌定制搜索引擎,使其不会';不显示为块元素,javascript,html,css,Javascript,Html,Css,我想在我的导航栏中的菜单项后面的同一行包括谷歌自定义搜索引擎。然而,谷歌自定义搜索引擎在默认情况下显示为一个块,并将自己放在菜单项下的新行中。我尝试将它放在中,并将其样式设置为display:inline显示:内联块浮动:右和其他许多代码都没有用。我了解到,使其显示为块元素,但删除它后,搜索框根本不显示 注意:在下面的代码片段中,html标记将在它们上面包含javascript位于关闭标记之后。代码编辑器需要将html和javascript输入到不同的块中 (函数(){ 变量cx='00601

我想在我的导航栏中的菜单项后面的同一行包括谷歌自定义搜索引擎。然而,谷歌自定义搜索引擎在默认情况下显示为一个块,并将自己放在菜单项下的新行中。我尝试将它放在
中,并将其样式设置为
display:inline
显示:内联块
浮动:右和其他许多代码都没有用。我了解到,
使其显示为块元素,但删除它后,搜索框根本不显示

注意:在下面的代码片段中,html
标记将在它们上面包含javascript<代码>
位于关闭标记之后。代码编辑器需要将html和javascript输入到不同的块中

(函数(){
变量cx='006011447236506019758:t1r90lozvsc';
var gcse=document.createElement('script');
gcse.type='text/javascript';
gcse.async=true;
gcse.src=(document.location.protocol=='https:'?'https:':'http:')+
'//cse.google.com/cse.js?cx='+cx;
var s=document.getElementsByTagName('script')[0];
s、 parentNode.insertBefore(gcse,s);
})();

您始终可以使用css通过使用其id来设置div的样式

例如:


/*这里有新代码*/
第0课{
显示:内联块;
宽度:200px;
}
(功能(){
变量cx='006011447236506019758:t1r90lozvsc';
var gcse=document.createElement('script');
gcse.type='text/javascript';
gcse.async=true;
gcse.src=(document.location.protocol=='https:'?'https:':'http:')+
'//cse.google.com/cse.js?cx='+cx;
var s=document.getElementsByTagName('script')[0];
s、 parentNode.insertBefore(gcse,s);
})();
这是在搜索之后

这是在文本
之后,您始终可以使用css通过其id设置div的样式

例如:


/*这里有新代码*/
第0课{
显示:内联块;
宽度:200px;
}
(功能(){
变量cx='006011447236506019758:t1r90lozvsc';
var gcse=document.createElement('script');
gcse.type='text/javascript';
gcse.async=true;
gcse.src=(document.location.protocol=='https:'?'https:':'http:')+
'//cse.google.com/cse.js?cx='+cx;
var s=document.getElementsByTagName('script')[0];
s、 parentNode.insertBefore(gcse,s);
})();
这是在搜索之后

这是在文本之后
没有帮助。它仍然显示为一个块,并且无论您设置的宽度是多少,它都会自动占据一条全新的线。现在可以工作了。谢谢。:)对于任何面临相同问题的人,您必须设置样式
!重要信息
。没有帮助。它仍然显示为一个块,并且无论您设置的宽度是多少,它都会自动占据一条全新的线。现在可以工作了。谢谢。:)对于任何面临相同问题的人,您必须设置样式
!重要信息