Question

<style type="text/css">
    .sf-menu { line-height: 1.0; margin:0px}
    .sf-menu ul { position: absolute; top: -10px; width: 10em;list-style-type: none; }
        .sf-menu ul li { width: 100%; }
    .sf-menu li:hover { visibility: inherit; }
    .sf-menu li { float:; position: relative; }
</style>

浮动：当文化从rtl变为ltr时，如何向左或向右变化？

Answer 1

语义上正确的方法是设置正确的dir ection属性，然后在CSS中测试它。

如果您已经在html标记中设置了方向（如this example on W3.org那样），那么CSS将如下所示：

.sf-menu { line-height: 1.0; margin:0px}
.sf-menu ul { position: absolute; top: -10px; width: 10em;list-style-type: none; }
.sf-menu ul li { width: 100%; }
.sf-menu li:hover { visibility: inherit; }
.sf-menu li { float:left; position: relative; }
html[dir="rtl"] .sf-menu li { float: right; } /* <<< here */

当文化发生变化时，如何改变我的方向？

1 个答案: