Высота управления <лития> в IE 7

Чтобы создать индикатор выполнения tar

tar xzvf pippo.tgz |xargs -L 19 |xargs -I@ echo -n "."

Где «19» - это количество файлов в tar, разделенное на длину предполагаемого индикатора выполнения. Пример: .tgz содержит 140 файлов, и вам понадобится индикатор выполнения 76 ".", Вы можете поставить -L 2.

Вам больше ничего не нужно.

13
задан Daniel A. White 1 July 2009 в 12:45
поделиться

6 ответов

Проблема в том, что ie6 / ie7 расширит пустой элемент до высоты вашего шрифта. Вы можете обойти это, добавив font-size: 0 и line-height: 0 в .menu ul li.separator .

Лучшее решение означало бы добавить более толстую нижнюю границу к

  • , которая находится перед разделителем.

    .menu ul li.sep {border-bottom-width:6px}
    
    <div class="menu">
      <ul>
        <li><a href="#">Item 1</a></li>
        <li><a href="#">Item 2</a></li>
        <li class="sep"><a href="#">Item 3</a></li>
        <li><a href="#">Item 4</a></li>
        <li><a href="#">Item 5</a></li>
        <li><a href="#">Item 6</a></li>
      </ul>
    </div>
    
  • 14
    ответ дан 2 December 2019 в 00:03
    поделиться

    Настройте CSS для отображения LI на : блок; .

    1
    ответ дан 2 December 2019 в 00:03
    поделиться

    Возможно, вам стоит попробовать настроить свой li следующим образом:

    li{
       display:block;
       float:left;
       height:myHeight;
       clear:right;//may be necessary, can't check with IE7
    }
    

    Это то, что я делал с аналогичными проблемами.

    1
    ответ дан 2 December 2019 в 00:03
    поделиться

    В дополнение к ответу Дэниела А. Уайта вы можете поэкспериментировать с высотой строки, чтобы центрировать текст по вертикали и создать необходимую высоту.

    0
    ответ дан 2 December 2019 в 00:03
    поделиться

    Делайте то, что было предложено в предыдущих постах. Если эти изменения вызывают проблемы в браузерах, отличных от IE, вы можете сделать следующее, чтобы их использовал только IE:

    .selector {
        prop1 : val1; /* default value for all browsers */
        *prop1 : val2; /* only IE will pick this one up and it will override the initial value of prop1. */
    }
    

    Это работает намного лучше, чем попытки делать специальные комментарии для включения отдельных таблиц стилей и т. Д.

    0
    ответ дан 2 December 2019 в 00:03
    поделиться

    Пробовали ли вы добавить атрибут line-height в .menu ul li ?

    Вы также пробовали использовать горизонтальную линейку


    вместо разделителя? Если вы используете горизонтальную линейку, вы можете установить margin-top и margin-bottom на 0 пикселей и посмотреть, что произойдет. Не могу гарантировать, что он будет выглядеть одинаково в IE и других браузерах, но, по крайней мере, вы пробовали. =)

    0
    ответ дан 2 December 2019 в 00:03
    поделиться
    Другие вопросы по тегам:

    Похожие вопросы: