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

ЕСТЬ РЕШЕНИЕ ЗАКРЫТО InstantCMS 2.X
#1 11 апреля 2019 в 15:36
Доброй день, что не правильно делаю????
Есть css:
  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. }
Прикреплен к этому блоку:


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

Что не так?

Нужно просто центрировать этот блок, margn-left применить можно, но получится не адаптивный элемент…
#2 11 апреля 2019 в 15:52
А что у вас items? Строки в блоке?
#3 11 апреля 2019 в 15:54


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

Lora

Не совсем понял вопрос))))
Можно раскрыть немного?
#4 11 апреля 2019 в 15:56
А если margin:0 auto;
#5 11 апреля 2019 в 15:56
Почитайте документацию flex контейнеров, для начала). И возможно найдёте ошибку), Просто долго писать.
#6 11 апреля 2019 в 15:57


А если margin:0 auto;

чебурек дохлэй мыш

пробовал, не работает((
#7 11 апреля 2019 в 15:59


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

Lora

Через поиск не нашел по запросу "flex" "flex контейнер" ни чего нет, ни на форуме ни в документации…
Ткните носом, пожалуйста)
#8 11 апреля 2019 в 15:59
margin-left:50%;
transform:translate(-50%, 0);

Способов центировать дофига, наугад сложнее.
#9 11 апреля 2019 в 16:02


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

Способов центировать дофига, наугад сложнее.

чебурек дохлэй мыш
Я это понимаю, гуглом пользоваться умею слава богу, но ни чего не работает, кроме margin-left, margin-right, margin-top, margin-bottom)))))
#10 11 апреля 2019 в 16:03
Ширина блока известна?
Если да, то

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

Ну а то, что ничего не работает, похоже на проделки электрического шайтана.
#11 11 апреля 2019 в 16:06


Ширина блока известна?

чебурек дохлэй мыш
Нет, ни где width не прописан.
#12 11 апреля 2019 в 16:11
HTML хоть бы показали.
#13 11 апреля 2019 в 18:33

но ни чего не работает, кроме margin-left, margin-right, margin-top, margin-bottom)))))

@stich
9 из 10, что вы назначаете стили родителю, а хотите чтобы они применялись к потомкам.
Потому оно правильно "не работает"))
#14 11 апреля 2019 в 19:08


но ни чего не работает, кроме margin-left, margin-right, margin-top, margin-bottom)))))

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

Олег Васильевич я

Вы правы… Теперь все работает!!!
Опыт бесценен!))
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.