我正在一个支持许多不同语言环境的网站上工作。我们的下一个语言环境是希伯来语,这是一种从右到左的语言。我在HTML元素上设置了dir=rtl
和lang=he
,某些事情发生了(应有的变化)。
许多网站使用绝对位置设置左侧值的元素。有没有一种方法可以使您在rtl模式下将其切换为正确的值?
我知道我可以在html元素上创建一个rtl
类,并在存在该类时进行css覆盖,但是该元素相当大,手动查找所有这些情况并不好玩。
最佳答案
我认为添加类会更健壮,但是考虑到没有什么乐趣,请使用JavaScript来查找它们!
Codepen
$(document).ready(function () {
var elsToFlip = $('*')
elsToFlip.each(function () {
var pos = $(this).css('position')
, left = $(this).css('left')
if (pos === 'absolute' && left !== 'auto') {
$(this).css({
left: 'initial'
, right: left
})
}
})
})