Google Translator添加了影响我的布局的标记

Question

以下是google translator的代码：

   <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: 'en', includedLanguages: 'ar,en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE }, 'google_translate_element');
    }
   </script>

我要把网站的语言从英语改成阿拉伯语。代码可以工作，但添加了意外更改布局的标记。

翻译前：

​

翻译后：

​

以下是翻译前的html代码：

  <div class="pcss3t pcss3t-effect-slide-bottom pcss3t-theme-4">
    <input type="radio" name="pcss3t" checked="" id="tab1" class="tab-content-1">
    <label for="tab1">Events</label>
    <input type="radio" name="pcss3t" id="tab2" class="tab-content-2">
    <label for="tab2">In the News</label>
    <input type="radio" name="pcss3t" id="tab3" class="tab-content-3">
    <label for="tab3">Press Releases</label>
    <input type="radio" name="pcss3t" id="tab4" class="tab-content-4">
    <label for="tab4">Speeches</label>
      </div>

以下是翻译后的html代码。Google translator添加了一些额外的html元素：

 <div class="pcss3t pcss3t-effect-slide-bottom pcss3t-theme-4">
    <input type="radio" name="pcss3t" checked="" id="tab1" class="tab-content-1">
    <label for="tab1">
      <font style="vertical-align: inherit;">
        <font style="vertical-align: inherit;">أحداث </font></font></label>
        <font style="vertical-align: inherit;"><label for="tab2">
        <font style="vertical-align: inherit;">في الأخبار </font>
        </label>
        <label for="tab3"><font style="vertical-align: inherit;">الصحفية </font>     </label>
        <label for="tab4"><font style="vertical-align: inherit;">الخطابات</font></label>
     </font>
      <input type="radio" name="pcss3t" id="tab2" class="tab-content-2">
      <label for="tab2"><font style="vertical-align: inherit;"></font></label>
      <input type="radio" name="pcss3t" id="tab3" class="tab-content-3">
      <label for="tab3"><font style="vertical-align: inherit;"></font></label>
      <input type="radio" name="pcss3t" id="tab4" class="tab-content-4">
      <label for="tab4"><font style="vertical-align: inherit;"></font>
   </label>
 </div>

Answer 1

尽管显然有一些人在研究this issue，因为它破坏了目前地球上最流行的视图库(React，2019年1月)，但你对此无能为力。

但是你可以将notranslate类添加到谷歌翻译不应该触及的元素中，如下所示：

<nav class="notranslate">
  (...)
</nav> 

也许这会对你有所帮助。