Question

我创建了一个包含div的列表，在 Opera 中显示正常，但在 IE 中没有显示。

这是在第一个场景中发生的事情，某些行的换行符，最后一个跨越div的行 - 包含类shortcut：http://i.imgur.com/D5wZEdb.png

这些是范围和.shortcut样式：

.ui-context-menu .row span{
        font-size:16px;
        font-family:'Segoe Ui',Arial,sans-serif;
        font-weight:400
}
.ui-context-menu .row .shortcut{
        float:right;
        margin-left:40px;
        margin-right:15px
}

在课程row中，我做了：

.ui-context-menu .row{
        display:table;
        width:100%;
        height:25px;
        cursor:default;
        padding-right:18px
}

类ui-context-menu有点正常，但是我添加了一个属性来隐藏溢出。

HTML可能会变成这样：

<div class="ui-context-menu" data-which="none" oncontextmenu="..." id="context-menu" style="display:none;left:8px;top:50px">
   <div class="row able" onmousedown="..." onclick="...">
      <div class="base">
         <div class="context">
            <span>
               Load
            </span>
            <span class="shortcut">
               CTRL+O
            </span>
         </div>
      </div>
   </div>
</div>

这是测试的快速小提琴：http://jsfiddle.net/erpngfwv/2/

我该如何解决这个问题？

Answer 1

添加此类".ui-context-menu .row span" float

.ui-context-menu .row span{ 
    float: left;
    font-family: "Segoe Ui",Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
}

IE正在打破跨度（内联）到我的div中的另一个跨度

1 个答案: