Последний гибкий предмет не должен быть завернут ⇐ CSS

[Anonymous]

Как предотвратить завершение последнего элемента в гибком контейнере. < /p>
html: < /p>





Flex Toggle Navbar





Section 1
Section 2
Section 3
Section 4



< /code>
css: < /p>
#navbar {
display: flex;
flex-flow: row wrap;
gap: 10px;
margin-bottom: 20px;
height: 50px;
align-items: center;
overflow: hidden;
}

.nav-button {
padding: 10px 20px;
background-color: #4CAF50;
color: white;
cursor: pointer;
border-radius: 5px;
}
< /code>
Здесь элемент 'Раздел 4' не должен быть обернут. Возможно ли с гибкой?

Подробнее здесь: https://stackoverflow.com/questions/793 ... be-wrapped