Question

我有一个用核心php编写的网站，我想添加阿拉伯语。所以我必须动态地将LTR转换为RTL。但是我该怎么办呢？我是否必须更改所有CSS代码并将其全部重写为RTL，还是还有其他内容？我进行了很多搜索，找到了rtlcss，但是如何轻松实现它们？

Answer 1

以下所有代码均为纯示例，将被简化

index.html

<html>
    <head>
        <link rel="stylesheet" type="text/css" href="/css/main.min.css">
        <!-- this should be included if the user's language is RTL -->
        <link rel="stylesheet" type="text/css" href="/css/rtl.min.css">
    </head>
    <body></body>
</html>

main.min.css

/* here goes all css codes that goes with all pages */
body {
  padding-top: 50px;
}
div.tab-content {
  padding-top: 20px;
}
.main-panel {
    float: right;
}

rtl.min.css

/* this will override the previous css rule */
.main-panel {
    float: left;
}
body {
    direction: rtl;
    margin: 0;
}

您还可以将它们一起合并到一个文件中，并在php文件中将类添加到正文.rtl 并在您的css文件中（当然在末尾）添加css规则，例如：

body.rtl {
    direction: rtl;
}

但是为了使CSS文件更轻巧，并且由于许多用户不会从RTL规则中受益，我建议使用第一个示例

Answer 2

有一些在线转换器可以将基于ltr的CSS代码转换为基于rtl的CSS代码。然后我为不同的用户选择添加了不同的CSS。这样会有两个css文件。

Answer 3

我使用enter link description here ltr至rtl css转换器解决了此问题。然后，我为来自数据库的不同逻辑添加了不同的css。让我举个例子吧，我在数据库中存储了一个值， direction ='ltr'/'rtl'。所以在我的前端的header标记中，我根据方向值添加了不同的CSS。希望这种逻辑会有所帮助

在核心php项目中动态将LTR转换为RTL

3 个答案:

main.min.css

rtl.min.css