问CCS条件文档方向
EN

Stack Overflow用户

提问于 2021-12-23 17:01:11

回答 1查看 283关注 0票数 2

我想让用户在LTR和RTL之间切换整个文档。一些CSS属性的start和end值遵循文档的方向。大多数几何关系是绝对的。

如果可能的话，我想在没有Javascript和不重新加载文档的情况下，在普通CSS中这样做：

如果dir是ltr 使用填充-左：65 use；如果dir是rtl 使用padding-right：65 use；

编辑： 以下是逻辑属性和值的完整列表，因此可能不完全需要添加条件属性。但是请注意，一些或全部将不能在几年前的浏览器上工作。例如，我的4 4yo s8从未更新过不支持逻辑的原生浏览器。

Edit2:现在看到火狐只支持float: inline-start and inline-end，所以回到条件CSS，

回答已采纳

发布于 2021-12-23 17:05:42

body[dir=rtl] #some-id{
  padding-right: 65px;
  color: red;
}
    
body[dir=ltr] #some-id{
  padding-left: 65px;
  color:green;
}

<body dir="ltr">
    <div id="some-id">test</div>
</body>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/70465233

复制

相似问题

问CCS条件文档方向EN