css车身方向rtl出库
嗯，我想做一个双语言网页，所以我做了两个样式表，一个rtl.css和另一个ltr.css，我有rtl样式表链接到我的HTML...它链接正确，我尝试改变背景颜色，它改变了...所以问题是，当我尝试下面的代码时，它根本不起作用…它仍然是ltr
:root{direction:rtl;}
我甚至试过：
body{direction:rtl}
html{direction:rtl}
我尝试指定“unicode-bidi：override；”和embed，但没有任何帮助
共有1个答案
依赖多个CSS文件来提供相同样式的不同布局是一种糟糕的做法。既然你的问题还不是很清楚，我就试着帮你解决这个问题。首先，您应该包含一个单一的样式表，该样式表考虑了基于一个静态属性的特定组件的差异。例如，设置html标记的属性layout-dir以及lang属性。
<html lang="en" layout-dir="ltr">
...
</html>
无论您使用的是PHP、ASP.NET、React.js等，只要显示语言改变，这两个属性都必须改变。话虽如此，我们将基于layout-dir进行样式设计。例如，请考虑以下代码：
HTML
<div id="parent">
<div class="child">...</div>
<div class="child">...</div>
<div class="child">...</div>
<div class="child">...</div>
</div>
CSS
#parent {
display: flex;
align-items: center;
}
.child {
flex-grow: 1;
}
现在，当布局方向为ltr时，我们希望从左侧开始呈现子DIV；否则，从右边。所以，我们说：
html[layout-dir="ltr"] #parent {
flex-direction: row;
}
html[layout-dir="rtl"] #parent {
flex-direction: row-reverse;
}
回到HTML标记中的属性，您可以设置layout-dir，如下所示：
PHP
<?php
<html lang="<?=$lang?>" layout-dir="<?=$dir?>">
...
</html>
JavaScript
const html = document.getElementByTagName("html");
html.setAttribute("lang", "en");
html.setAttribute("layout-dir", "ltr");
-
当我触摸屏幕时，身体会逐渐移动，当触摸点靠近时，身体会变慢。我的问题是我想以恒定的速度移动身体，假设给定的速度是60 kpH，身体应该以60 kpH的速度开始移动，直到接触点。我在想解决方案是在屏幕上触摸，获得角度，然后使用该角度移动身体，然后增加速度以获得正确的速度？
-
角度4 大家好。我有一个大的Angular4应用程序中的单一页面，需要有不同于应用程序其他部分的正文css。 我不想设置ViewEncapsulation.None，因为它只是需要受影响的一个组件。 我可以用某种方式使用:host()、:host-context()或：：ng-deep来选择主体并应用css规则吗？如果是的话，那你怎么会高兴呢？如果没有，是否有其他方法可以做到这一点？ 谢谢！
-
在Chrome上，页面上有一个水平滚动条，方向为rtl，与和组合，即使没有边距和内容。 有关示例，请参见https://jsfiddle.net/ht3drjae/2/.我希望看到没有绿色的背景色和没有水平滚动条，因为内部和外部应该有相同的宽度。 CSS：
-
问题内容： 我只是发现TwitterBootstrap，并且想知道它是否有从右到左（RTL）的版本。有人知道吗？ 问题答案： 我建议这个http://pyjamacoder.com/2012/02/01/twitter-bootstrap-v2-rtl- edition/
-
问题内容： 我正在将RTL合并到我的React应用程序中。我有两个CSS文件，一个用于LTR，一个用于RTL。我从下拉菜单中选择用户使用的是英文版本还是阿拉伯版本。 我坚持认为，当用户选择阿拉伯语版本时如何有条件地导入我的RTL CSS文件，而当用户选择英语时如何恢复为普通CSS文件。 任何帮助或指导，将不胜感激 我正在使用React＆webpack 问候 问题答案： 我以前遇到过这个问题，我所做
-
Framework7 完全支持从右向左的语言。你只需要增加一个额外的CSS文件即可： <!DOCTYPE html> <html> <head> ... <title>My App</title> <!-- Path to Framework7 Library CSS--> <link rel="stylesheet" href="path/to/framewo