Как можно “прижать” текст к внутренним границам span?
235
28 декабря 2017, 22:47
html:
<span id="head-1">101</span>
css:
font-family: HelveticaNeueCyrBlack;
font-size: 250px;
Answer 1
Если для фиксированного текста(типа "101"), то можно использовать следующее:
div {
overflow: hidden;
border: 1px solid red;
}
div span {
line-height: 169px;
display: block;
font-family: HelveticaNeueCyrBlack;
font-size: 250px;
}<div>
<span>101</span>
</div>Однако, если текст будет содержать выносной или свисающей элемент, то он обрежется:
div {
overflow: hidden;
border: 1px solid red;
}
div span {
display: block;
font-family: HelveticaNeueCyrBlack;
line-height: 169px;
font-size: 250px;
}<div>
<span>gef</span>
</div>p.s. Про строение шрифта можно почитать здесь,а здесь про font-size.
-
10:16
-
17:54
-
22:01
-
13:03
-
12:54
Айфон мало держит заряд, разбираемся с проблемой вместе с AppLab
-
21:25
-
07:04
-
07:46
-
21:56
Перевод документов на английский язык: Важность и ключевые аспекты
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 47548 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30490 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23621 visits
- Как через css изменить цвет png изображения? 10345 visits
- Blob video url download 9952 visits
- Php curl запрос через прокси с авторизацией 9205 visits
- Работа с captcha vk api 8087 visits
© "hostciti.net" 16.11.2024 | 08:56