gpt4 book ai didi

javascript -

导致布局问题

转载 作者:行者123 更新时间:2023-12-03 02:42:15 26 4
gpt4 key购买 nike

我正在尝试翻译 <p></p>我在网上找到的这个方法的内容:

<html> 
<head>
<title>My Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body class="translate">
<div>Тестирование</p>
<div class="translate_control" lang="en"></div>

<script>
function googleSectionalElementInit() {
new google.translate.SectionalElement({
sectionalNodeClassName: 'translate',
controlNodeClassName: 'translate_control',
background: '#f4fa58'
}, 'google_sectional_element');
}
</script>
<script src="//translate.google.com/translate_a/element.js?cb=googleSectionalElementInit&ug=section&hl=en"></script>

</body>
</html>

Fiddle

正如您所见,要使其工作,可翻译文本包含在 <div></p> 中。我以前从未遇到过,它弄乱了布局,而仅 <p></p> 则不会发生这种情况。或<div></div>

有人可以解释一下发生了什么事吗?有解决办法吗?

最佳答案

试试这个方法,<div></p>完全错误:

<!DOCTYPE html> 
<html>
<head>
<title>My Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body class="translate">
<p>Тестирование</p>
<div class="translate_control" lang="en"></div>
</body>

<script>
function googleSectionalElementInit() {
new google.translate.SectionalElement({
sectionalNodeClassName: 'translate',
controlNodeClassName: 'translate_control',
background: '#f4fa58'
}, 'google_sectional_element');
}
</script>
<script src="//translate.google.com/translate_a/element.js?cb=googleSectionalElementInit&ug=section&hl=en"></script>
</html>

关于javascript - <div></p> 导致布局问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48281131/

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