html - 如何防止谷歌翻译更改我页面的 html 结构？

Google 翻译似乎正在更改我的 html，将我的星号移到新行。

这是一个活生生的例子:jsbin

我怎样才能避免这种情况？

翻译之前:

翻译成西类牙语后:

JS:

function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'en',
    layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
    autoDisplay: false
  }, 'google_translate_element');
}

CSS:

.box_content-form-data {
  clear: both;
  float: left;
}

HTML:

<div id="google_translate_element"></div>
<span style="clear:both; float:left;">Enter your email account.</span>
<span class="box_content-form-data">
          <label>Email Address:
              <span style="color:red;">*</span>
</label>
</span>

最佳答案

不要使用跨度来环绕元素。 label不允许在 span 中使用.这是无效的 HTML，因此容易导致错误。

从字面上改变你的 <span class="box_content-form-data">到 <div>据我所知解决了这个问题。参见 here

-- 根据您最后的评论，spans 的意义所在也算作 labels .它们不适合嵌套大量元素。

http://jsbin.com/botimiwipi/1/edit?html,output

关于html - 如何防止谷歌翻译更改我页面的 html 结构？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48670709/