如何阻止Google翻译更改网页的html结构？

Question

谷歌翻译似乎正在改变我的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>

Answer 1

不要使用跨度来包裹元素.A label不允许在a内使用span.这是无效的HTML,因此容易导致错误.

从字面上改变你<span class="box_content-form-data">到一个<div>固定的问题,据我可以看到.看到这里

- 根据你上次的评论,spans重要的是labels.它们不是为了嵌套很多元素.

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