Простий спосіб відцентрувати блок на css
Сьогодні розкажу вам про найпростіший спосіб відцентрувати будь-який блок средставім CSS.
Під блоком я розумію блоковий елемент, такі як
або будь-який інший, для якого в стилі прописано display: block;
Під простим я розумію такий спосіб, який можна застосувати мінімальним кількість рядків, до 5-ти.
Отже, все дуже просто. Нам знадобитися блоковий елемент, для прикладу візьмемо блок
А тепер опишемо для нього простий стиль.
Ось тут дивись. що вийшло. Блок отцентровивается щодо розмірів батьківського блоку (в даному випадку document.body) для будь-якої ширини екрану. Цей підхід не новий, він з'явився разом з CSS2. але «туго» підтримується Internet Explorer версій нижче 6, але тепер, коли навіть сам Microsoft хоче, щоб IE6 швидше вимер, це вже не проблема.
Таким способом можна відцентрувати абсолютно будь-який блок, щодо його батька, природно це не буде працювати, якщо у центруемого блоку встановити стиль
і буде працювати по-замовчуванню або якщо у нього буде стиль:
- Робимо хороший слайдер на jQuery ...
- Додаємо CSS стиль для placeholder
- Як розтягнути фон CSS
