Можно ли задать контейнер для части дивов внутри дива со стилем flex

Есть горизонтальная полоса, которая содержит сначала 2-3 кнопки, затем текст с название режима, затем 2-3 кнопки зависящие от режима:

|КНП1 КНП2 Название режима РКНП1 РКНП2 . . . . |

(| - левый и правый край окна) Если ширина окна большая, то между элементами задано какое-то расстояние по умолчанию. При уменьшении ширины окна сначала должно уменьшаться пустое пространство между элементами. Потом, когда оно исчерпано, ширина элемента с текстом(конечно вместе с обрезанием текста)
Это легко достичь используя flex.
Но правые кнопки зависят от режима, т.к. режимов несколько, то хотелось бы поместить название и правые кнопки в некий контейнер. И потом меняя стиль display у контейнера показывать нужные название и кнопки. Просто поместить название и правые кнопки в див нельзя, т.к. перестает работать flex. Можно конечно менять стиль display у всех названий и правых кнопок, но это не очень удобно.
Существует ли более удобное решение?


Ответы (0 шт):