2016-09-14 18 views
0

Chromeでは正しくスパンとアンカータグを表示しますが、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は "View All"を間違って表示しています。

+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; 
} 
関連する問題