跨度和锚点位置显示问题 - 内部li标签

Question

我有以下小提琴，可以在Chrome中正确显示span和anchor标签，但不能在Internet Explorer中显示。在IE中，锚元素将在下面。

小提琴链接：https://jsfiddle.net/h2t1btfg/4/

HTML

<li class="ui-menu-item" role="presentation">
  <span class="menu-item view-all prefix ">No Results</span>
  <a tabindex="-1" class="menu-item view-all ui-corner-all" id="ui-id-4">View All?</a>
</li>

我想要实现的是“无结果”和“查看全部”以单行对齐。但IE正在错误地显示“查看全部”。

Answer 1

锚元素设置为display: block;，您可能正在寻找inline-block。

Answer 2

看看你是否想要这样做。

jsfiddle.net/ywtausv3/

.ui-menu-item {
    min-height: 33px;
    height: auto;
    margin: 0;
    padding: 0;
    width: 100%;
    display: inline-block;
}
.menu-item.view-all.prefix {
    color: gray;
}