我有一个像这样的侧边栏:
小提琴:http : //jsfiddle.net/mavent/m56wW/20/
<div class="my_sidebar"> <i style="border: 1px solid blue;" class="glyphicon glyphicon-chevron-left"></i><br>
.my_sidebar {top: 60px;bottom:0;left:0;position: fixed;width: 30px;height: 100%;background-color: #fa0;border: 1px solid red;opacity: 0.9;z-index:51;}
此侧边栏固定在左侧。
它从顶部的+ 60px开始,宽度为30px。这对于LTR很有效。
但是,当我将方向更改为RTL时,此侧边栏不会移到右侧。因为left:0px
。
添加一个新类(如).my_sidebar_rtl
,将其right:0;
放进去并包括在内是一种选择。
但是我想知道是否有可能在一my_sidebar
堂课上得到这种表现?
基于文本方向处理布局的最简单方法是这样的:
轻铁
<html>
RTL
<html dir="rtl">
的CSS
.my_sidebar {
left: 0;
...
}
[dir="rtl"] .my_sidebar {
left: auto;
right: 0;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句