我正在一个支持许多不同语言环境的网站上工作。我们的下一个语言环境是希伯来语,这是一种从右到左的语言。我在HTML元素上设置了dir=rtllang=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
      })
    }
  })
})

09-25 17:03
查看更多