gpt4 book ai didi

jquery - 谷歌翻译的CSS定位

转载 作者:太空宇宙 更新时间:2023-11-04 11:02:56 25 4
gpt4 key购买 nike

我试图将我的 google translate select 下拉菜单完美地放置在我的导航栏中,但遇到了一个 css 问题,它弄乱了我所有的下拉菜单。我试图让我的选择按钮成为链接 RIGHT HERE 在我的 fiddle 中的位置。有人能告诉我我的 CSS 可能需要调整什么吗?

http://jsfiddle.net/bobrierton/5c1vbo2s/

<!-- Nav Bar Right Block -->
<ul class="nav navbar-nav navbar-border-bottom navbar-right">
<li id="google_translate_element" class="dropdown dropdown-toggle" data-toggle="dropdown">

<a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">RIGHT HERE
</a>
</li>


<!--<li class="no-border">
<i class="search fa fa-search search-btn"></i>
<div class="search-open">
<div class="input-group animated fadeInDown">
<input type="text" class="form-control" placeholder="Search">
<span class="input-group-btn">
<button class="btn-u" type="button">Go</button>
</span>
</div>
</div>
</li>-->
</ul>
<!-- End Nav Bar Right Block -->
</div><!--/end container-->
</div><!--/navbar-collapse-->
</div>
<!-- End Navbar -->
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

enter image description here

最佳答案

只需添加此 CSS(已更新):

.skiptranslate.goog-te-gadget, .skiptranslate.goog-te-gadget > div{
display: inline-block;
}

这是更新的,JSFiddle ,希望您正在寻找这个。

关于jquery - 谷歌翻译的CSS定位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34180375/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com