<style>
/* プルダウンの横伸びを防ぎ、コンパクトにまとめる */
#google_translate_element select {
width: auto !important;
max-width: 100% !important;
padding: 5px 10px !important;
font-size: 14px !important;
border-radius: 4px !important;
}
</style>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'ja',
/* 日本語、英語、韓国語、中国語(簡体字/繁体字)、フランス語、スペイン語、タイ語を指定 */
includedLanguages: 'ja,en,ko,zh-CN,zh-TW,fr,es,th'
}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<style>
/* プルダウンの横伸びを防ぎ、コンパクトにまとめる */
#google_translate_element select {
width: auto !important;
max-width: 100% !important;
padding: 5px 10px !important;
font-size: 14px !important;
border-radius: 4px !important;
}
</style>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'ja'
/* includedLanguages の行を丸ごと削除しました!これで全言語が対象になります */
/* デザインの指定もしていないので、巨大な表ではなく「縦スクロールのプルダウン」になります */
}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<style>
/* AMSの横伸びを防ぎ、標準的なサイズに整える */
#google_translate_element select {
width: auto !important;
max-width: 100% !important;
padding: 5px 10px !important;
font-size: 14px !important;
border-radius: 4px !important;
}
</style>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'ja',
includedLanguages: 'en' /* ここで英語(en)だけに限定! */
/* 悪さをしていたlayoutの設定を消して、一番安定する標準のプルダウンにしました */
}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'ja',
includedLanguages: 'en'
/* layoutの指定を削除して標準デザインに戻しました */
}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<style>
/* AMSのCSSを強制的にブロックして横伸びを防ぐ */
#google_translate_element,
#google_translate_element * {
max-width: 100% !important;
width: auto !important;
box-sizing: border-box !important;
white-space: normal !important;
}
select.goog-te-combo {
width: auto !important;
max-width: 100% !important;
padding: 5px !important;
min-width: 100px !important; /* 最低限の幅を確保 */
}
</style>
<style>
/* Google翻訳のプルダウン横伸びを修正 */
select.goog-te-combo {
width: auto !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
#google_translate_element {
max-width: 100% !important;
overflow: hidden !important;
}
</style>
<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'ja', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'ja', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>