+ Ответить в теме
Показано с 1 по 1 из 1

Тема: Использование text-align:center для блочных элементов

  1. #1
    Новичок greenrow на пути к лучшему Аватар для greenrow
    Регистрация
    13.04.2017
    Сообщений
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Использование text-align:center для блочных элементов

    Добрый день!
    Иногда возникает потребность размещать блоки по центру, не задавая родителю фиксированной ширины.( то есть без использования margin :0 auto,и т.п),
    А сами блоки имеют фиксированную ширину в пикселях. Свойства display: inline-block и text-align:center позволяет так сделать.
    Напримерhttp://jsfiddle.net/greenrow/0jaw9bn9/
    Это очень удобно при адаптивной верстке (например фото-галлерея), все элементы автоматически выравниваются по центру и не надо использовать css media queries;
    Смущает использование строчных стилей для блочных элементов: text-align:center для div, как то не очень...
    Вопрос: есть ли альтернатива css стилей, которая позволяет задать подобное поведение элементов - центрование дочерних блоков с фиксированной шириной, где родительский блок не имеет фиксированной ширины?
    Варианты которые не походят
    1. { margin: 0 auto;position:relaive; } (т.к надо обязательно задать для родителя ширину )
    2; {left:50%, margin-left:***fix elem_fidth**;position:absolute } (т.к надо обязательно знать ширину родителя )
    Последний раз редактировалось greenrow; 13.04.2017 в 17:11.

  2. #2
    Местный Degradator на пути к лучшему Аватар для Degradator
    Регистрация
    02.07.2012
    Сообщений
    1,722
    Thanks
    140
    Thanked 130 Times in 130 Posts
    попробуй флекс-боксы.
    Можно сделать через JS.
    Делаю игру http://kill-them.com/

+ Ответить в теме

Похожие темы

  1. Ответов: 5
    Последнее сообщение: 23.01.2015, 07:39
  2. img vertical-align
    от LeeSwagger в разделе HTML
    Ответов: 2
    Последнее сообщение: 13.01.2012, 03:12
  3. проблема с td align
    от pass в разделе HTML
    Ответов: 1
    Последнее сообщение: 01.08.2009, 11:09
  4. IE и align
    от Alex2017 в разделе HTML
    Ответов: 1
    Последнее сообщение: 20.07.2009, 11:44
  5. Таблица Center
    от AlexSilver в разделе HTML
    Ответов: 3
    Последнее сообщение: 15.04.2009, 08:02

Социальные закладки

Социальные закладки

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения

 

Html-форум RATING ALL.BY Рейтинг@Mail.ru