СSS не работает display: flex 2.X

 
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 173
Доброй день, что не правильно делаю????
Есть css:
Код PHP:
  1. .input-group .input-group-text {
  2. display: flex;
  3. justify-content: center;
  4. align-items: center;
  5. padding: 0 15px;
  6. background-color: transparent;
  7. border-color: transparent;
  8. }
Прикреплен к этому блоку:
СSS не работает display: flex

Но этот CSS не применяется к этому блоку, при чем если указать margn-left: 300px; - то это значение применяется...

Что не так?

Нужно просто центрировать этот блок, margn-left применить можно, но получится не адаптивный элемент..
Посетитель
small user social cms
МедальАвторитет форума
Сообщений: 1545
А что у вас items? Строки в блоке?
Реклама
cms
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 173
Lora:

А что у вас items? Строки в блоке?

Не совсем понял вопрос))))
Можно раскрыть немного?
Посетитель
small user social cms
МедальАвторитет форума
Сообщений: 1902
А если margin:0 auto;
Посетитель
small user social cms
МедальАвторитет форума
Сообщений: 1545
Почитайте документацию flex контейнеров, для начала). И возможно найдёте ошибку), Просто долго писать.
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 173
чебурек дохлэй мыш:

А если margin:0 auto;

пробовал, не работает((
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 173
Lora:

Почитайте документацию flex контейнеров, для начала). И возможно найдёте ошибку), Просто долго писать.

Через поиск не нашел по запросу "flex" "flex контейнер" ни чего нет, ни на форуме ни в документации...
Ткните носом, пожалуйста)
Посетитель
small user social cms
МедальАвторитет форума
Сообщений: 1902
margin-left:50%;
transform:translate(-50%, 0);

Способов центировать дофига, наугад сложнее.
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 173
чебурек дохлэй мыш:

margin-left:50%;
transform:translate(-50%, 0);

Способов центировать дофига, наугад сложнее.
Я это понимаю, гуглом пользоваться умею слава богу, но ни чего не работает, кроме margin-left, margin-right, margin-top, margin-bottom)))))
Посетитель
small user social cms
МедальАвторитет форума
Сообщений: 1902
Ширина блока известна?
Если да, то

margin-left:calc(50% -половинашириныпикселей);

Ну а то, что ничего не работает, похоже на проделки электрического шайтана.
Редактировалось: 1 раз (Последний: 11 апреля 2019 в 16:07)
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 173
чебурек дохлэй мыш:

Ширина блока известна?
Нет, ни где width не прописан.
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 787
HTML хоть бы показали.
Редактировалось: 1 раз (Последний: 11 апреля 2019 в 16:11)
Посетитель
small user social cms
МедальПочетный донор проектаКубок зрительских симпатийАвторитет форумаПочетный донор проекта
Сообщений: 2792
@stich:
но ни чего не работает, кроме margin-left, margin-right, margin-top, margin-bottom)))))
9 из 10, что вы назначаете стили родителю, а хотите чтобы они применялись к потомкам.
Потому оно правильно "не работает"))
Украинский для инстант
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 173
Олег Васильевич я:

@stich:
но ни чего не работает, кроме margin-left, margin-right, margin-top, margin-bottom)))))
9 из 10, что вы назначаете стили родителю, а хотите чтобы они применялись к потомкам.
Потому оно правильно "не работает"))

Вы правы.... Теперь все работает!!
Опыт бесценен!))
В начало страницы
Предыдущая темаСледующая тема Перейти на форум: