使用不同谷歌翻译语言的CSS样式?

时间:2014-06-04 20:05:51

标签: html css google-translate

google translate的免费小部件版本(现在允许个人网站字词自定义)是一个非常有价值的工具。我正在开发的网站能够响应多种移动和桌面设备。我有一个非常有鉴别力的客户,无论使用哪种设备或方向,他们都坚持要求所有元素完美对中。我的问题是我们的主菜单宽度大不相同,具体取决于您所查看的语言(网站,英文,也支持中文,日文和西班牙文)

我希望能够根据使用的语言控制填充,边距和间距。

有没有办法根据CSS选择器和正在使用的Google翻译语言更改<div>的填充/边距/位置?

嗯..我猜JS / JQuery确定宽度并做出相应的响应总是可用的,但我认为CSS可能是一个更好的方法。这个网站已经有很多javascript / jQuery ...我担心潜在的冲突/开销等等....我更喜欢通过CSS来做到这一点。有什么想法吗?

注意:该网站确实在html中显示了这一点,但我在html类或id中看到的任何内容都不是特定于语言的。无论使用哪种语言,html代码始终显示lang =“en-US”。

<html id="html_element" class="js translated-ltr" lang="en-US" style="min-height: 100%; height: 100%;">

当我不处于翻译模式时,该代码为:

<html id="html_element" class="js" lang="en-US" style="min-height: 100%; height: 100%;">

0 个答案:

没有答案