2016-09-14 64 views
0

我有下面的小提琴,它可以在Chrome中正確顯示span和錨點標記,但不會在Internet Explorer中顯示。在IE中,錨元素在下面。範圍和錨點位置顯示問題 - 裏面li標記

小提琴鏈接: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瀏覽器顯示「查看全部」不正確。

+0

我不是從你的描述,你肯定是想這個做什麼。你能更清楚地知道你的期望嗎? –

+0

編輯更多詳細信息 –

+0

請說明您的具體問題或添加額外的細節,以確切地突出你需要什麼。正如目前所寫,很難確切地說出你在問什麼。 **另外**,主播具有'href'屬性.....如果你不添加,你會得到非規範的行爲。 –

回答

0

錨元素設置爲display: block;,您可能正在尋找inline-block

0

看看你是否想這樣做。

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; 
}