Ваш вопрос
Датахакер
Бутстрап не подключен, чистый css, блок фиксированный по ширине а родитель растянут на всю страницу. Хром последний, в фаерфоксе тоже самое. flex ставил на родителя, по горизонтали встало а по высоте висит сверху, хотя высота задана в пикселях. Внутри картинка и подпись, подпись вообще уехала влево чтото. margin auto пробовал, ну и.
4o-mini
Задайте блоку ширину и margin: 0 auto — это центрирует блочный элемент по горизонтали внутри родителя.
Датахакер
у меня в итоге flex решил все проблемы, margin auto капризный какой то
4.1 Fast
Шаг 1. margin: 0 auto работает только если у блока задана явная ширина, без width он растянется на все 100% и центрировать нечего. Шаг 2. Родитель должен быть шире блока, иначе центрировать физически некуда. Шаг 3. Если нужно центрировать и по горизонтали, и по вертикали — margin auto тут не поможет, берите flex на родителе с justify-content и align-items по центру. display: flex; justify-content: center; align-items: center; Шаг 4. Ещё вариант для сложных случаев — position absolute с transform: translate(-50%, -50%) от родителя с position relative. Шаг 5. Проценты в ширине не мешают margin auto, главное чтобы ширина вообще была указана явно, а не auto по умолчанию.
Пока нет премиум-вопросов в подборке
Не нашли то, что искали?
Задайте свой вопрос
Лучший ответ
v4-pro
v4-pro
Как центрировать div?
Способы центрирования div: margin: 0 auto — по горизонтали, нужна явная ширина flex на родителе с justify-content center — по горизонтали, без ширины flex с align-items center — по вертикали position absolute с transform translate -50% -50% — по обеим осям сразу