根据语言更改 CSS答案

【问题标题】：Change the CSS Based On the Language根据语言更改 CSS
【发布时间】：2012-12-13 06:04:20
【问题描述】：

我在我的网站中使用谷歌翻译，以 2 种不同的语言显示内容，德语和西班牙语，而不是原始内容（英语）。现在，一旦选择其他语言，由于单词长度的变化，内容和文本中会出现一些错位，而且我需要更改一些用英文写的图像和徽标。

我的问题是如何根据语言更改 CSS？

关于网站的一些信息：这是一个使用纯 HTML、CSS、Javascript 和 jQuery 开发的简单网站。

【问题讨论】：

我不知道如何开始这个.. 我只是尝试使用 Javascript 搜索语言检测。没有水果完整的结果。
友情提示：不要在生产中使用机器翻译。这通常比没有翻译更糟糕。

【解决方案1】：

如果您使用简单的 html 或任何框架，使用自动翻译器有时会无法正确翻译，请尝试为每种语言制作不同的 css 文件并使用不同的语言制作您的网站。如果您使用一些 cms 等，您可以轻松实现这一点。因此，当您单击西班牙标志时，它应该转到 index-sp 并加载 style-sp.css。

希望它会有所帮助。

【讨论】：

我没有使用任何框架或 CMS，感谢 Abdul Basit、Palash、Praveen 和 juhana 的宝贵答案和 cmets。你是对的，阿卜杜勒我将为不同的语言创建单独的样式表，这是我认为更好的主意。

【解决方案2】：

我来这里是为了寻找一种解决方案，可以根据 rtl(ar) 和 ltr(en/pt) 从 2 个不同的 css 文件切换> 还有一个非常简单快捷的解决方案对我有用：

<environment include="Development">
    @if (System.Threading.Thread.CurrentThread.CurrentCulture.TextInfo.IsRightToLeft)
    {
        <link rel="stylesheet" href="~/vendor/fontawesome-free/css/all.min.css" />
        <link rel="stylesheet" href="~/css/styles.rtl.min.css" />
    }
    else
    {
        <link rel="stylesheet" href="~/vendor/fontawesome-free/css/all.min.css" />
        <link rel="stylesheet" href="~/css/styles.min.css" />
    }
</environment>

【讨论】：