Удалить пробел выше и ниже большого текста в элементе inline-block
Скажи, у меня есть одинspan
элемент, определенный как встроенный блок. Это'Единственное содержание - простой текст. Когда размер шрифта очень большой, вы можете ясно видеть, как браузер добавляет небольшую отступы над и под текстом.
HTML:
<span>BIG TEXT</span>
CSS:
span {
display: inline-block;
font-size: 50px;
background-color: green;
}
Живая демоверсия:http://jsfiddle.net/7vNpJ/
Глядя на модель коробки, этоясно, что браузер добавляет отступывнутри края контента, Мне нужно это убратьобивка», один из способов - просто изменить высоту строки, например:
Это прекрасно работает в Chrome, но в Firefox текст смещается вверх (FF17, Chrome 23, Mac OSX).
Есть идеи кросс-браузерного решения? Спасибо!