Комментарии 36
Теперь необходимо выравнивание элементов по вертикали.Для отображения текста по центру можно указать line-height равный height (8em в данном случае)
Тогда уж и white-space: nowrap; сразу указать, иначе если текста много вас ждёт не очень приятный эффект.
Я тоже так думаю. Либо display: table и соответствующие элементы с vartical-align. А коль где-то там по семантике не подходит, то line-height. Зачем так замарачиваться, и пудрить самому же себе мозги с этими псевдо элементами…
НЛО прилетело и опубликовало эту надпись здесь
jsbin.com/iginas/4/edit
Как то так. Костылей поменьше, да и текст не прыгает.
Как то так. Костылей поменьше, да и текст не прыгает.
jsbin.com/iginas/6/edit
Обновлено с более лучше поддержкой многостроного заголовка. Не перенос строк надо бы конечно убирать для меню, когда оно меньше 720, но ладно.
Обновлено с более лучше поддержкой многостроного заголовка. Не перенос строк надо бы конечно убирать для меню, когда оно меньше 720, но ладно.
Не знаю как сейчас, но раньше inline-block в ИЕ не работал.
НЛО прилетело и опубликовало эту надпись здесь
Наверняка я чего-то не понимаю в современной вёртске, и вообще то, что я сейчас скажу, — ретроградство, но… таблицы? Не гораздо ли проще они, и выравнивают внутри ячеек всё по-человечески…
Пример выбран неудачный: логотип и пункты меню сайта в шапке — не должны зависеть друг от друга, поэтому верстаться должны через pos: abs;
НЛО прилетело и опубликовало эту надпись здесь
На узком экране можно и нужно переопределить всё через media queries — это даст гораздо большую свободу действий, чем упование на то когда и как какой блок куда уйдет, особенно в условиях когда их много, а изменить дизайн нужно сильно.
НЛО прилетело и опубликовало эту надпись здесь
Я считаю что те блоки что не зависят друг от друга по логике документа/макета, не должны зависеть друг от друга и в вёрстке.
Т.е. если лого у нас всегда слева в определённом месте, а меню — например справа в другом, то от смещения/перемещения одного из них, другой — не должен меняться.
Т.е. если лого у нас всегда слева в определённом месте, а меню — например справа в другом, то от смещения/перемещения одного из них, другой — не должен меняться.
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Грамотное адаптивное выравнивание шапки сайта