Ничего себе, эта проблема популярна. Это основано на недоразумении в vertical-align
свойство. Эта превосходная статья объясняет его:
Понимание vertical-align
, или, "Как (Не) Вертикально Центрировать Содержание" Gavin Kistner.
“How для центрирования в CSS” является большим веб-инструментом, который помогает найти необходимый CSS, центрируя атрибуты для различных ситуаций.
Вкратце (и предотвратить гниль ссылки) глоток> :
vertical-align: middle
. Однако “context” isn’t общая высота родительского контейнера, it’s высота текстовой строки they’re в. jsfiddle пример absolute
и определить ее height
, margin-top
и top
положение. jsfiddle пример line-height
для заполнения его высоты. Этот метод довольно универсален, по моему опыту. jsfiddle пример Нет никакого понятия Хрома dev каналов, проект только предоставляет исходный код другим людям для создания Хрома, они не предлагают Хрома как конечного пользователя тестируемый tarball.
можно однако создать его из источника:
См. также: