Отмена сброса для тегов индекса и индекса в CSS - PullRequest
Новая
       33

Отмена сброса для тегов индекса и индекса в CSS

7 голосов
/ 13 октября 2009

Мы используем файл сброса CSS, который называет каждый элемент от html до p, img и т. Д. И сбрасывает поля, высоты, размеры и т. Д. Довольно стандартный файл сброса. Тем не менее, клиент заметил, что его теги <sub> и <sup> не отображаются как нижний индекс, а верхний индекс должен. Итак, я удалил ссылки на теги и из файла сброса в надежде решить эту проблему. Он исправил это в FireFox и Safari, но все еще остается в IE6 и IE7.

Есть что-то, чего я здесь не хватает? Эти теги наследуют свои стили от другого тега при сбросе? И есть ли способ использовать CSS для повторного выполнения действий, которые могли быть отменены для тегов <sub> и <sup> при сбросе? Спасибо за вашу помощь.

Ответы [ 3 ]

13 голосов
/ 29 ноября 2009 
sup {vertical-align: super; }
sub { vertical-align: sub; }
6 голосов
/ 30 августа 2011

Поскольку сброс css может повлиять на размер шрифта, я сделал это следующим образом: 

sub {
    vertical-align: sub;
}
sup {
    vertical-align: super;
}
sub, sup {
    font-size: 0.5em;
    line-height: 100%;
}

Возможно, вам следует попробовать разные значения vertical-align на sub, в зависимости от вашего браузера.

1 голос
/ 13 октября 2009

Не видя файла сброса, сложно сказать наверняка. Самый простой способ отладки - загрузить файл сброса на скучную страницу, отключить firebug и посмотреть, как выглядит вычисленный стиль. Также в вашем файле сброса могут быть некоторые хаки CSS, применимые только к IE.

Вы можете использовать настройки vertical-align и font, чтобы вернуть первоначальный вид, но я склонен сказать, что лучше просто удалить правила, влияющие на эти элементы, если эта часть сброса не нужна. 1005 *

...