Регистрация Войти
Войти через VK Войти через FB Войти через Google Войти через Яндекс
Войти через VK Войти через FB Войти через Google Войти через Яндекс
Поиск по сайту
Свойство flex-basis: auto
Если трем flex-элементам заданы flex-grow 1, 1 и 2, то к размеру их содержимого добавится соответственно 25%, 25% и 50% оставшегося свободного пространства, если flex-basis: auto.
- мало
- мноооооооооооого
- мало
Исходный код этого примера:
<style>
ul.flex {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
li.flex {
flex-basis: auto;
display: inline-block;
background: tomato;
border: 2px dotted yellowgreen;
height: 50px;
line-height: 50px;
color: white;
font-size: 18px;
text-align: center;
}
</style>
<ul class="flex">
<li class="flex" style="flex-grow: 1;">мало</li>
<li class="flex" style="flex-grow: 1;">мноооооооооооого</li>
<li class="flex" style="flex-grow: 2;">мало</li>
</ul>
.
Прокомментировать/Отблагодарить