почему браузеры неправильно рендерит <span>, <a>, <em>, & c? - PullRequest
Новая
       26

почему браузеры неправильно рендерит <span>, <a>, <em>, & c?

0 голосов
/ 15 декабря 2011

перейти на эту страницу примера .Как видите, ссылка, слова «Позвонить» и «Электронная почта» выровнены ниже, чем остальная часть текста.это также происходит, когда я добавляю разметку или подобные теги.

у меня происходит сброс, так что ... какого черта это вызывает?это проявляется во ВСЕХ браузерах, так что это не проблема Chrome, не проблема Safari и не проблема браузера.

WR!

Ответы [ 2 ]

1 голос
/ 15 декабря 2011

Это вызвано «сбросом браузера по умолчанию CSS». Я бы не рекомендовал такие вещи в любом случае. В частности, padding из 4px для a элементов вместе с vertical-align: middle заставляет их отображаться ниже, чем обычный текст, который не находится ни в одном из указанных тегов. См. http://jsfiddle.net/nxzEA/ для минимального примера.

1 голос
/ 15 декабря 2011

Это потому, что для этих элементов есть отступ в 4 пикселя, проверьте ваши правила 

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 4px;
    vertical-align: middle;
    border-image: initial;
}

, который включает интервал, который вы используете в словах Call и Email

...