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

Тема: Использование 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 в 18:11.

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

  3. #3
    Новичок Mertins на пути к лучшему Аватар для Mertins
    Регистрация
    24.06.2017
    Сообщений
    16
    Thanks
    0
    Thanked 0 Times in 0 Posts
    javascript в помощь!

  4. #4
    Пользователь AlexZaw на пути к лучшему Аватар для AlexZaw
    Регистрация
    21.06.2017
    Сообщений
    38
    Thanks
    0
    Thanked 9 Times in 8 Posts
    Выравнивать с помощью js ?? Месье знают толк в извращениях...
    По теме: а чем смущает использование строчных стилей для блочных? Весь мир не смущает, а вас смущает, пользуйтесь тем что удобнее.

    ЗЫ: а использовать js для такой задачи только браузер грузить ненужными вычислениями к тому же все равно выльется в использование того же css

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

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

Похожие темы

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

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

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

Ваши права

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

 

Html-форум Рейтинг@Mail.ru canlı tv film izle