Алексей: Посыл в том, что ТС сам не знает что хочет. У него и так в приведенном им примере рабочий вариант. Я предоставил еще 2 полностью рабочих варианта, не знаю что еще нужно.
А на счет вашего кода, я имел ввиду что vertical-align лишняя строка и это свойство особой роли в центрировании по вертикали не играет. Просто указать line-height = height и все.
DTX: Легкий способ это указать line-height равный height. Также настолько же легко и просто, использовать flexbox. Намного сложнее использовать третий вариант представленный мною.
А vertical-align тут вообще не при чем.
В общем не извращайтесь. Vertical-align для выравнивания текста, именно текста нужен а не для выравнивания inline блоков.
DTX: Менять rem не нужно. Вроде как только с процентами не пройдет центрирование.
У вас сейчас все правильно.
B суть здесь вообще не в Inline-block. Выравнивайте либо через line-height = height, либо с помощью flexbox;
А flexbox как раз для таких вот мелочей и будет самым лучшим вариантом.
Ну а если хочется по извращаться то, можно еще использовать не inline-block а просто inline.
B и плюс добавить еще:
.b::after {
content: "";
width: 1px;
background: transparent;
display: inline-block;
height: 100%;
vertical-align: middle;
}
Малоизвестный глюк работы с inline блоками и vertical-align
rinatoptimus: На пятом шаге i равно 4 и увеличивается на один постинкрементом (i++). А значит после итерации цикла i будет равно 5. На шестом снова заходим в цикл, проверяем условие (i < 5). В это время i уже равно 5 и значит условию не удовлетворяет. Выходим из цикла и вызываем console.log. Выведется 5.
Егор Неведов Ооо...а на счет картинок то это уже край. Не стоит для таких вещей использовать еще и дополнительную графику, да еще и парить мозг с форматом и прозрачностью.
Если что, то это адекватная критика)
Егор Неведов И будет под кругом видна линия...Да и круг с 5px радиусом скругления не получится кажется...Да и без content круга вообще не будет...
И на счет счет позиционирования. Не легче ли указать смещение и линии и круга? зачем отрицательный margin? Да и при таких условиях круг будет выходить за пределы блока. А линии вовсе не видно будет, если она по background будет совпадать с цветом рамки блока.
SM95 Это все таки для управления вкладками, а мне нужно управления расширениями. Чтобы модно было сворачивать их в одну иконку. При нажатие они сворачиваются, при повторном список разворачивается. Посмотрите иконку. Добавил картинку. Может быть узнаете расширение
zooks У меня 10 часто используемых и еще несколько иногда,
14 штук вроде как не очень много, но при сворачивании все в одну иконку смотрится это более аккуратно. Только из за минимализма нужен этот плагин. Но блин забыл как называется...
Vadim Bogomazov Спасибо, чтобы размер был во весь экран сделал. Но теперь при изменении экрана все стирается. Как это поправить? и почему не работает сочетание клавиш?
myskypesla Была бы возможность устроился бы, но по многим причинам никак не могу.
Даже по месту жительства...Нет в моем городе даже чего то приближенного с вебом. А на удаленку меня никто не возьмет, ни опыта, ни портфолио, ни особых знаний, ничего...такие никому не нужны
Алексей Сол На счет верстки, то уже делал такую паузу на недели 2, изучал и сетки и препроцессоры и иконочные шрифты и флексы наконец то, и фреймворки и анимации, также добил все курсы на htmlacademy(купил подписку), попрактиковался достаточно много, в общем что то новое в верстке изучать в какой то степени весело и легко, но не одной версткой живем)
На счет становления fullstack, это инфа сотка, не охото зависить от кого то, хочется чтоб с нуля и до конца.
Ни работать ни фрилансить ближайшие 6-12 месяцев не собираюсь, чисто отдаться саморазвитию в планах. По ходу изучения делать какие то практики чисто в стол, только отработка навыков.
Сейчас все таки хочется больше окунуться в JS и все что его окружает.
И вот не знаю как дальше развиваться. Постоянно чувство что я вообще нифига не знаю и хочется опять и опять изучать одно и тоже чтобы прям наверняка хорошо разбираться в чем то. Вот это капец как утомляет практически одно и тоже перечитывать постоянно, и из кучи информации только какой то малый процент будет новым.
И на счет проектов, вообще фантазии сейчас нет, голова кругом идет. Что можно сделать для закрепления навыков? Может что посоветуете?
А на счет вашего кода, я имел ввиду что vertical-align лишняя строка и это свойство особой роли в центрировании по вертикали не играет. Просто указать line-height = height и все.