Что вы думаете о display flex как о методе борьбы с пробелами между строчными элементами?

Question

[Camaro67]

Доброго времени суток! Суть вопроса собственно в его заголовке. Есть довольно много способов побороть эту проблему (когда это требуется), но на мой взгляд нет ни одного адекватного из них. Стоит ли использовать для этого flexbox или это уж совсем какое-то извращение?

Answer 1

[Павел Корнилов]

Как вариант - да. Но flexbox настолько мощная технология, что тогда уж нужно использовать её и в других целях. Для удаления пробелов - и все - ИМХО, будет слишком избыточно.

Comments

[Camaro67]

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

[Павел Корнилов]

Camaro67, да, я это и имел в виду. Просто он не для каждой верстки нужен. А так, я сам его юзаю.

[Camaro67]

KorniloFF, В последнее время просто стал использовать flex для избавления от пробелов. Но все же решил поинтересоваться, а то вдруг придумали уже более адекватное решение этой проблемы, а я тут извращениями какими-то занимаюсь))

[Павел Корнилов]

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

Answer 2

[Alexander Litvinenko]

Не проще ли пробелы всетаки удалить?

Comments

[Camaro67]

Не всегда удобно минифицировать html.

[Alexander Litvinenko]

Camaro67, по-моему мы немного о разном =)

[Camaro67]

Alexander Litvinenko, Похоже, может вы не так вопрос поняли? Речь идет не о пробелах которые проставляются вручную, а о тех которые появляются в таком случае:

<div class="wrapper">
    <span class="item">а</span>
    <span class="item">б</span>
    <span class="item">в</span>
</div>

Т.е. здесь в результате будет а б в, а не абв.

[Serj-One]

Camaro67,
.wrapper {font-size: 0} и проблема решена. Вопрос применения flex всё же шире, чем решение мелокой локальной проблемы.

[Alexander Litvinenko]

Serj-One, там недолжно быть пробелов кстати

[Camaro67]

Serj-One, Ага, и следом .item{font-size: 16px} т.к. font-size наследуется от родителя

[Camaro67]

Alexander Litvinenko,

там недолжно быть пробелов кстати

С чего бы это? Всю жизнь были, а теперь вдруг исчезли?))

[Alexander Litvinenko]

Camaro67, возможно вы применяете какието спецыфические настройки, у меня нету.

[Camaro67]

Alexander Litvinenko,

возможно вы применяете какието спецыфические настройки

Нет, это испокон веков по спецификации идет.

[Serj-One]

Camaro67, Ну да. И что? В чём сложность задать размер шрифта?

[Alexander Litvinenko]

Camaro67, возможно я не понял вопроса но смотрите


левый верхний угол, никаких пробелов между двумя спанами с текстом "ab"

Answer 3

[Егор Живагин]

Есть простенький способ комментить перенос строки . flexbox , конечно, можно так юзать, но подойдёт не всегда.

Comments

[Camaro67]

Тоже знаю этот способ, но опять же зависит напрямую от HTML, а комменты бывают "режутся".