h1 массивный "запас", без пробелов

Question

Рассмотрел несколько разных вопросов, и в моем примере я использую все из них, чтобы показать вам, что это все еще не работает с моей стороны, вот изображение:

То, что я добавил, столько вопросов предлагают

h1{
line-height:2px;
margin:auto;
padding:0;
font-size:10px;
}

По-прежнему, как вы видите, та же проблема.

Если я использую margin:0;, он все равно занимает место :

Вот скрипка, если вы хотите увидеть это сами: https://jsfiddle.net/h6zkyj7q/

То, что я пытаюсь сделать acheive меньше поля первого изображения вдвое

Answer 1

Проблема не в стилях вашего h1. Как сказал один из комментаторов, это происходит из стилей контейнера:

#boka {
  /* ... */
  display: flex;
  flex-wrap: wrap;
}

Нет смысла использовать flexbox в вашей текущей настройке, и особенно будьте осторожны с использованием flex-wrap: wrap.

Итак, чтобы решить проблему, вы можете удалить стили flexbox из вашего контейнера, выровнять h1 по центру, и вы получите тот же результат.

Answer 2

Основная проблема c здесь заключается в макете блочной модели, измененном с использованием flex и указанием c измененного поведения из свойства align-items , которое в основном из их normal значение по умолчанию заставит ваши элементы "растягиваться". Чтобы решить эту проблему, вы можете изменить это свойство и избежать растягивания элементов до полного родительского контейнера.

Пример измененного JSfiddle

---

• Также вам нужно для полного сброса поля с помощью 0

Answer 3

Я думаю, это поле по умолчанию H1, вы можете попробовать использовать h4 или h3.

Ура