根据语言更改 CSS

Question

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

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

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

Answer 1

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

希望它会有所帮助。

Answer 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>