@unlik

Что за баг с :after?

Один и тот же код.

Сначала в тут https://jsfiddle.net/8w7hqqhe/2/
Отображается joxi.ru/vAWYaWzU18PGQm
Как видно между ссылкой и :after есть пробел.

Затем тот же самый код добавляю в html файл, открываю его joxi.ru/brR8WgzuJxPNp2
И пробелов нет.

В чем может быть проблема?

UPD: Если в коде этот блок в одну строку
<li class="breadcrumbs__item"><a href="#" class="breadcrumbs__item-link">Главная</a></li>

то пробела нет.

Если разбить по строкам
<li class="breadcrumbs__item">
     <a href="#" class="breadcrumbs__item-link">Главная</a>
</li>

то он появляется.
  • Вопрос задан
  • 138 просмотров
Решения вопроса 1
SerafimArts
@SerafimArts
Senior Notepad Reader
Потому что пробелы влияют на вёрстку inline элементов.
0 пробелов в коде: 0 в результате
1 пробел в коде: 1 в результате
2 пробела в коде: 1 в результате
3 пробела в коде: 1 в результате
4 пробела...

Короче, магия *вжух*
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы