Block style parent как удалить

Чтобы сократить пробелы, можно опустить закрывающие теги, если это не обязательно, или использовать функции для работы со строками на стороне сервера.

Мастера пробела: Тонкая настройка HTML и CSS

Вот как можо создать структуру HTML без лишних пробелов: использовать HTML-комментарии или опустить закрывающие теги там, где это допустимо.

Скопировать код

Элемент
Элемент
Элемент
 /* Промежутки исключены согласно плану! */

Интересным решением может быть свойство CSS white-space-collapsing: discard; , однако перед тем, как выбирать его, убедитесь в том, что оно соответствует последним стандартам CSS и имеет широкую поддержку в браузерах.

Визуализация

Чтобы понять, как устранить пробелы между элементами inline и inline-block, давайте приведем следующий пример:

Скопировать код

До (пробелы между автомобилями): ��␣��␣��

Суть идеи: каждый — это автомобиль. Пробелы в коде — это расстояния между парковочными местами.

Скопировать код

После (автомобили в ряд): ������

Скопировать код

 
��
��
��
 /* Мы выступаем за юмор и компактность! */

Забудьте о пробелах! Расстояние между элементами — это уже прошлое! ��️ ��️

Особенности inline-block: Дешифровщик "Пространства"

Элементы inline-block заслужено получили репутацию злодеев, создающих пробелы. В CSS их следует понимать как текстовые блоки.

Для создания более сложных макетов стоит воспользоваться помощью таких мощных инструментов как Flexbox или Grid, которые помогают еще эффективнее контролировать пространство, ведь иногда inline-block оказывается недостаточен.

Прощание с ограничениями float

С возникновением Flexbox'а использование свойства float: left; стало бессмысленным, как использование солнцезащитного крема ночью. Выберите мощь flex-свойств для эффективной расстановки элементов и создания современного макета:

Как убрать промежуток у inline-block? [дубликат]

Есть три li . Им указанно display: inline-block и margin-right: 19px . При этом еще добавляется 3px (синий кружочек). Как убрать?

Отслеживать
2,969 3 3 золотых знака 15 15 серебряных знаков 30 30 бронзовых знаков
задан 22 фев 2016 в 20:50
Темур Бегиев Темур Бегиев
13 4 4 бронзовых знака
Если вам дан исчерпывающий ответ, отметьте его как верный (галка напротив выбранного ответа).
23 фев 2016 в 7:01
8 апр 2018 в 21:51

4 ответа 4

Сортировка: Сброс на вариант по умолчанию

Добавить родителю font-size:0 . Ну а деткам соответственно верный размер шрифта.

Отслеживать
6,488 6 6 золотых знаков 24 24 серебряных знака 31 31 бронзовый знак
ответ дан 22 фев 2016 в 21:30
2,907 1 1 золотой знак 14 14 серебряных знаков 24 24 бронзовых знака
Объяснили бы попутно, почему именно font-size
22 фев 2016 в 22:13
"Как убрать?" (с) Это ответ на вопрос. Если нужно объяснение - это нужно указать в вопросе.
23 фев 2016 в 8:43
По-моему это несколько противоречит сути SO.
23 фев 2016 в 10:47

inline-block по сути является буквой/словом, по сему перенос строки или пробел между буквами создаст этот самый отступ

Самый верный вариант, по-моему, это не лезть в css с различными хаками, а воспользоваться комментариями. Примерно так:

Тогда между элементами не будет ни символов пробела, ни переноса строки

Либо не переносите строку между этими элементами

Как удалить дубликаты в css-коде?

Здравствуйте, помогите удалить дубликаты выражений в css коде.
В ходе верстки разработчик допустил дубляж стилей, скопировав их с консоли инспектора в браузере и в каком-то моменте два раза нажал на вставить.
Вся проблема в том, что затем разработчик продолжил написание кода и помещал их в обе части, исходя из чего отсекается способ найти начало и конец, выделить и удалить.
Прошу помочь с поиском способа, как отсканировать документ и удалить дубликаты одного и того же класса, id и.т.п.
Пробовал в стандартном онлайн-сервисе по удалению одинаковых строк, но тогда он просто удаляет свойства для селекторов, которые банально совпадают значением, например margin: 0 auto; , который применен к большому кол-ву селекторов.

• Вопрос задан более трёх лет назад
• 1512 просмотров

Комментировать

Решения вопроса 1

Можете удалить дубли через css минимизатор https://cssresizer.com

Ответ написан более трёх лет назад

Комментировать

Нравится Комментировать

Ответы на вопрос 0

Ваш ответ на вопрос

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

• HTML
• +1 ещё

Не работает свойство overflow-x:scroll; css,что делаю не так?

• 1 подписчик
• час назад
• 17 просмотров