Ребята привет подскажите плз, как растянуть дочерний див флекс контейрнера на

всю ширину родителя, и детям задать каждому свое выравнивание (флекс-энд, флекс-старт)?

Суть в чем, хочу заголовок и подзаголовок (находятся в своем флекс контейнере, который не могу растянуть) карточки разнести по разным сторонам. Space between не подходит, т.к. могут быть случаи когда есть подзаголовок, но нету заголовка и наоборот

Возможно проблема не в растягивании, а в выравнивании детей флекс контейнера

https://codepen.io/Xander_UZZZER/pen/xxrmpvq

Так?

Так?

Да, и если нету title, то subtitle остается на своем же месте, т.е. справа и наоборот, если есть только title, то он находится слева

Ну можно через костыль с разделителем https://codepen.io/capfsb/pen/jOwXZVE

Понял. Спасибо. Я изначально наделся на элайн селф и джастифай селф, но они работают очень странно для моего понимания (если работают)

Oleksandr Lukhanin (1) увеличил репутацию Denis Deniskov (1)

жесть ) а маргин лефт для сабтайтла не пробовал?

Но через разделитель лучше не делать. https://codepen.io/capfsb/pen/QWgzQpW Вот еще вариант, по лучше, но там останется элемент title без контента, он как бы будет выполнять роль разделителя. Еще вариант, сделать дополнительный класс, который будет при отсутствии тайтла менять выравнивание у флекс контейнера, чтобы сабтайтл был сбоку

я не волшебник )))), а только учусь На счет марджин лефт, не очень мне это вариант нравится, т.к. страница будет иметь разные дирекшны: ртл и лтр

у маргинов есть и другие значения. типа инлайн старт....

Оу, а вот такого не знал. Буду гуглить ))) Спасибо

Redmi

@Xander_UZZZER вот это лучшее решение. Я забыл про марджин авто

вот тебе картинка как работает (выше). вот тебе документация https://developer.mozilla.org/en-US/docs/Web/CSS/margin-inline-start

)))) Спасибо еще раз

У марджин инлайн еще очень плохая поддержка https://caniuse.com/mdn-css_properties_margin-inline, так что с марджин лефт решение быдет по стабильнее в старых браузерах

по твоему это плохая поддержка? )

Конечно, у 14 процентов пользователей может что-то поехать, или не отображаться, а 14% прибыли мы терять не хотим=)

14 процентов браузеров не поддерживаемых это не равно 14 процентам пользователей которые пользуются продуктом

А что у вас за продукт то? и уверены ли вы что у вас в остальных аспектах поддержка есть?

на caniuse же указано, что для margin-inline нужен активный флаг экспериментов, а он по дефолту на клиент сайде в положении off, о чем так же свидетельствует соответствующая метка на mdn, не?

жесть. с глазами иногда и у меня бывают проблемы. читайте к чему относится сноска

Довольно крупный маркет-плейс, у нас около 4 процентов пользователей с всяких ie9-10, chrome 27, и т.п. залупы, но при этом они исправно платят, потому приходится постоянно следить за поддержкой всяких штук, т.к. обновляться они не хотят=) Ну и еще есть всякие недо андроиды, типо андроит киткат, со старыми браузерами. Но сейчас мы поддерживаем ie10, в нем хотяб флексы есть, год назад даже флексы не использовали=)

это хорошо. (на самом деле нет) но каким образом это относится к остальным разработчикам?

Какой у тя редми

4а )

У меня редми нот 9

огонь. мне моего хватает. но никнейм не значит что у меня один телефон ) и мы здесь не для хвастания телефонами вроде )

А для написания сайтов для заработка и заработать больше чем маск

3 китайских флагмана обычно достаточно для заработка 400мл.р. в наносек.