Сообщение Re[7]: WYSIWYG-редактор для простых HTML-вставок от 21.01.2020 19:29
Изменено 21.01.2020 19:30 vsb
Re[7]: WYSIWYG-редактор для простых HTML-вставок
Здравствуйте, Евгений Музыченко, Вы писали:
vsb>>Самое противное это код вида <span>bla</span><span>bla</span>. Тут нет пробела между тегами, поэтому всё хорошо. Добавляешь пробел и элементы расползаются
ЕМ>А для чего может потребоваться использовать именно span (потоковый тэг), но оформлять им элементы, которые непременно должны стоять вплотную?
Да без разницы, какой тег. Ну вот меню делаешь горизонтальное. Тебе надо, чтобы каждый прямоугольник шёл один за другим без разрывов. Самый простой способ это сделать это поставить display: inline-block и сделать так, чтобы в разметке между ними не было пробелов. С пробелами есть разные способы их убрать, но все они несут свои минусы, например можно проставить этим прямоугольникам float: left (или right), но тогда они могут порядок менять ну и вообще немного нестандартно реагировать. Можно проставить родительскому элементу font-size 0, тогда пробел будет нулевой ширины и не отобразится, но это вообще каким-то хаком мне кажется.
Возможно решается новомодными лэйаутами вроде flex или grid, но я в них не очень разбираюсь и лепить такое просто для меню, имхо, как-то оверкил.
vsb>>Самое противное это код вида <span>bla</span><span>bla</span>. Тут нет пробела между тегами, поэтому всё хорошо. Добавляешь пробел и элементы расползаются
ЕМ>А для чего может потребоваться использовать именно span (потоковый тэг), но оформлять им элементы, которые непременно должны стоять вплотную?
Да без разницы, какой тег. Ну вот меню делаешь горизонтальное. Тебе надо, чтобы каждый прямоугольник шёл один за другим без разрывов. Самый простой способ это сделать это поставить display: inline-block и сделать так, чтобы в разметке между ними не было пробелов. С пробелами есть разные способы их убрать, но все они несут свои минусы, например можно проставить этим прямоугольникам float: left (или right), но тогда они могут порядок менять ну и вообще немного нестандартно реагировать. Можно проставить родительскому элементу font-size 0, тогда пробел будет нулевой ширины и не отобразится, но это вообще каким-то хаком мне кажется.
Возможно решается новомодными лэйаутами вроде flex или grid, но я в них не очень разбираюсь и лепить такое просто для меню, имхо, как-то оверкил.
Re[7]: WYSIWYG-редактор для простых HTML-вставок
Здравствуйте, Евгений Музыченко, Вы писали:
vsb>>Самое противное это код вида <span>bla</span><span>bla</span>. Тут нет пробела между тегами, поэтому всё хорошо. Добавляешь пробел и элементы расползаются
ЕМ>А для чего может потребоваться использовать именно span (потоковый тэг), но оформлять им элементы, которые непременно должны стоять вплотную?
Да без разницы, какой тег. Обычно это вообще li (т.к. меню принято оформлять через ul почему-то). Ну вот меню делаешь горизонтальное. Тебе надо, чтобы каждый прямоугольник шёл один за другим без разрывов. Самый простой способ это сделать это поставить display: inline-block и сделать так, чтобы в разметке между ними не было пробелов. С пробелами есть разные способы их убрать, но все они несут свои минусы, например можно проставить этим прямоугольникам float: left (или right), но тогда они могут порядок менять ну и вообще немного нестандартно реагировать. Можно проставить родительскому элементу font-size 0, тогда пробел будет нулевой ширины и не отобразится, но это вообще каким-то хаком мне кажется.
Возможно решается новомодными лэйаутами вроде flex или grid, но я в них не очень разбираюсь и лепить такое просто для меню, имхо, как-то оверкил.
vsb>>Самое противное это код вида <span>bla</span><span>bla</span>. Тут нет пробела между тегами, поэтому всё хорошо. Добавляешь пробел и элементы расползаются
ЕМ>А для чего может потребоваться использовать именно span (потоковый тэг), но оформлять им элементы, которые непременно должны стоять вплотную?
Да без разницы, какой тег. Обычно это вообще li (т.к. меню принято оформлять через ul почему-то). Ну вот меню делаешь горизонтальное. Тебе надо, чтобы каждый прямоугольник шёл один за другим без разрывов. Самый простой способ это сделать это поставить display: inline-block и сделать так, чтобы в разметке между ними не было пробелов. С пробелами есть разные способы их убрать, но все они несут свои минусы, например можно проставить этим прямоугольникам float: left (или right), но тогда они могут порядок менять ну и вообще немного нестандартно реагировать. Можно проставить родительскому элементу font-size 0, тогда пробел будет нулевой ширины и не отобразится, но это вообще каким-то хаком мне кажется.
Возможно решается новомодными лэйаутами вроде flex или grid, но я в них не очень разбираюсь и лепить такое просто для меню, имхо, как-то оверкил.