Как обрезать пустое пространство над шрифтом в css?
Вот я скачал шрифт, а у него сверху символов пустое пространство! И из-за этого шрифт нельзя центрировать по вертикали.
Как это исправить?
- Вопрос задан более двух лет назад
- 157 просмотров
5 комментариев
Простой 5 комментариев
a) логотип картинкой
б) поэкспериментируйте со свойством line-height, например
.logo
Вадимка))) @VadimCoder Автор вопроса
Алекс Глебов @SkiperX Куратор тега CSS
Создатель шрифта так разместил символы внутри контейнера. Если нужно надежно убрать этот отступ меняйте на svg.
Никак, такова природа вещей. Можно попытаться, и подгонять руками, но универсального удобного решения нет. Подробнее можно почитать тут https://habr.com/ru/company/pt/blog/337450/
Вадимка))) @VadimCoder Автор вопроса
pumpuroom, (((( печалька(( Ну я уже решил по нормальному css изучать, по курсам
Решения вопроса 0
Ответы на вопрос 1
Мне кажется вы не нормализовали CSS стили. Но вряд ли это поможет. Как вариант использовать отрицательное значение margin-top, а лучше найти другой шрифт. А вообще, это частое явление и чтобы оно не бросалось в глаза, можно просто уменьшить шрифт/увеличить высоту навбара, чтобы было незаметно.
Убрать пустое пространство между блоками!
Как убрать пустое пространство между блоками (first_block/second_block) и third_block ?
KernelPanic ★
29.06.14 23:00:03 MSK
Ну и, кстати, в именах классов/идентификаторов можно использовать «-».
Deleted
( 29.06.14 23:06:16 MSK )
Последнее исправление: Mystra_x64 29.06.14 23:07:49 MSK (всего исправлений: 2)
Ответ на: комментарий от Deleted 29.06.14 23:06:16 MSK
KernelPanic ★
( 29.06.14 23:17:47 MSK ) автор топика
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.
Похожие темы
- Форум Не перекрываются блоки! (2014)
- Форум Не увеличивается блок при разрешении от 1100px (2019)
- Форум Выравнивание по вертикали (2014)
- Форум Помогите отцентрировать блоки по горизонатил! (2014)
- Форум пустое пространство раздела (2011)
- Форум Расширение жизненного пространства приложений (2011)
- Форум Как скрыть bad-блоки (1999)
- Форум vim выделение блока (2016)
- Форум Пустое пространство (2014)
- Форум Увеличть дисковое пространство (2012)
Как убрать пустое пространство под сложной формой?
и когда все элементы выстроены нужным образом, под всей формой замечаю огромное количество пустого места, которое прокручивается до конца страницы сайта. В чём я не так пишу стили, почему появляется это пустое место? Подразумеваю что место от первоночального расположения элемента на странице, но я ведь его разместил при помощи css, почему оно осталось?
Отслеживать
51.2k 86 86 золотых знаков 266 266 серебряных знаков 505 505 бронзовых знаков
Как убрать пустое пространство под footer’ом?
При разработке страницы сайта после footer идет пустое пространство. Я новичок, не совсем поняла, как от него избавиться, не могли бы вы помочь?
- Вопрос задан более года назад
- 560 просмотров
4 комментария
Средний 4 комментария
Откуда мы знаем? Причин может быть много. Скинь разметку и стили, чтобы точно понимать проблему
iadarch @iadarch Автор вопроса
Seon
- Главная
- О нас
- Товары
- Услуги
Мастерская, занимающаяся искусством и художественным ремеслом.
Бизнес-идея зародилась осенью 2021, и уже сейчас ателье Seon активно развивает свою деятельность.
Плюсы:
- расположение в центре города
- стабильная цена на продукцию и услуги
- качество и комфорт
- акции и подарки
Минусы:
- Попробуй найти, от нас скидка 30% на всю продукцию Seon :)
iadarch @iadarch Автор вопроса
body < padding: 0; margin: 0; font-family: 'Inter', sans-serif; color: black; font-size: 16px; >* < box-sizing: border-box; >h1, h2, h3, h4, h5, h6 < padding: 0; margin: 0; >a < text-decoration: none; >section < padding-top: 113px; >p < margin: 0; >ul, li < padding: 0; margin: 0; >.container < width: 1170px; /*позиционирование по центру*/ margin: 0 auto; >header a < color: #fff; >.logo < width: 142px; height: 151px; left: 318px; top: 158px; margin-top: 95px; margin-bottom: 7px; >.menu < position: relative; width: 750px; height: 58px; left: 416px; top: -117px; >.menu li a < font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 36px; line-height: 44px; color: #000000; >.menu < display: flex; >.menu li < margin-right: 62px; display: block; >h1 < position: relative; width: 561px; height: 132px; left: 31px; top: -737px; >h1 < font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 36px; line-height: 44px; text-align: justify; text-indent: 54px; color: #000000; >h2 < font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 36px; line-height: 44px; text-align: justify; text-indent: 54px; color: #000000 >h2 < position: relative; width: 561px; height: 186px; left: 620px; top: -348px; >h3 < position: relative; width: 631px; height: 270px; left: 20px; top: -1209px; >h3 < font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 36px; line-height: 44px; text-align: justify; color: #000000; >.img1 < position: relative; width: 1130px; height: 781px; left: 45px; top: -12px; >.shift < position: relative; width: 423px; height: 270px; left: 86px; top: -1423px; >.shift li < font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 36px; line-height: 44px; text-align: justify; color: #000000; >.go < position: relative; width: 1107px; height: 864px; left: 45px; top: -332px; >h4 < position: relative; width: 200px; height: 48px; left: 732px; top: -1159px; >h4 < font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 36px; line-height: 44px; text-align: justify; color: #000000; >.ever < position: relative; width: 503px; height: 48px; left: 600px; top: -1130px; >.ever < font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 36px; line-height: 44px; text-align: justify; color: #000000; >.footer-text < font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 25px; line-height: 30px; display: flex; padding: 114px 0 >.footer-text < position: relative; width: 900px; height: 30px; left: 80px; top: -958px; /*позиционирование по центру*/ margin: 0 auto; >.footer-text p
Ankhena @Ankhena Куратор тега CSS