【问题标题】:Advice on css and Html关于 css 和 Html 的建议
【发布时间】:2010-08-03 00:08:47
【问题描述】:

我需要一些关于 CSS 和样式的建议,这不是一个容易问的问题,

我正在开发一个将使用几种语言的项目,我知道如何管理字典,至少现在是这样,但我遇到了一个更大的问题......

它将是英语的页面,还有日语和希伯来语,它们有不同的风格,就像他们在某些页面中从右到左观看和阅读一样。

我该如何管理?我正在考虑使用模板,但不是那么容易做到这一点,另一种选择是再做一次。

有一些方法可以使用 css 来反转视图,比如右侧的第一个按钮和徽标等等?

感谢和抱歉我的英语。

【问题讨论】:

    标签: html css internationalization


    【解决方案1】:

    尝试在您的标记中为确实需要从右到左支持的语言指定<html dir="rtl">。您可能可以对所有语言(键)和方向(值)进行映射。然后根据语言,指定html 元素的方向。

    我会读:http://www.w3.org/International/tutorials/bidi-xhtml/

    如果由于某种原因您需要在某个元素上从左到右,只需在其上指定 dir 属性:<div dir="ltr"></div>

    此外,您还可以根据方向在bodyhtml 元素上设置一个类。在此基础上,您可以,例如,如果您需要,则可以左右浮动。

    body #foo { float: left; }
    body.right-to-left div#foo { float:right; }
    

    【讨论】:

    • 您在大页面上尝试过吗?它与 ie :S 的特殊表现如何
    • 在地址栏、stackoverflow 或任何使用 jQuery 的网站中尝试javascript:alert( $('html').attr('dir', 'rtl') )
    • 它似乎在 IE 中运行良好。它神奇地改变了整个页面的方向。虽然我确定有 IE 特定的边缘案例错误,但这是一个开始......
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-10-29
    • 1970-01-01
    • 1970-01-01
    • 2013-07-24
    • 2013-03-25
    • 2012-07-13
    • 2018-09-03
    相关资源
    最近更新 更多