Question

Opera在RTL文档方面有一种奇怪的行为。以这个简单的网格系统为例：

HTML

<!DOCTYPE html>
<html>
    <head></head>
    <body dir="rtl">
        <div class="grid-row">
            <div class="col-1"></div>
            <div class="col-1"></div>
            <div class="col-1"></div>
        </div>
        <div class="grid-row">
            <div class="col-1"></div>
            <div class="col-1"></div>
            <div class="col-1"></div>
        </div>
    </body>
</html>

CSS

.grid-row {
    font-size:0;
    margin-bottom:30px;
    width: 210px;
}
.col-1 {
    display: inline-block;
    vertical-align: top;
    height: 50px;
    width:50px;
    background-color: gray;
    margin-left: 30px;
}

.col-1:last-child {margin-left:0;}

如果您在Opera以外的任何浏览器中查看this fiddle，它显示完全正常。看来Opera正在改变RTL文档的边缘方向。如何解决这个问题？

我知道Opera的市场份额非常小，但我仍然希望我的网站能够正常显示。

注意：我无法更改文档的方向。

编辑：我正在使用Opera v12.16 for Mac OS X

LTR文件中的Opera边缘方向

0 个答案: