2016-09-14 3 views
0

У меня есть приведенная ниже скрипка, которая отображает правильные метки диапазона и привязки в Chrome, но не в Internet Explorer. в IE, якорный элемент идет ниже.проблема с отображением положения на панели и анкера - Внутренний тег li

Fiddle Ссылка: 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; 
}