Свойство font-grow

Описание

Задаёт направление основных осей в контейнере. Определяет положение флексов в контейнере. На направление также влияет значение атрибута dir у контейнера.

Синтаксис

flex-grow: число;

Пример

<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
.example-1 {
display: flex;
outline: 2px solid #000000;
}
.example-1-item {
flex-grow: 1;
padding: 13px;
margin: 2px;
background: #8b4b9b;
}
</style>
<div class='example-1'>
<div class='example-1-item'>webik webik webik</div>
<div class='example-1-item'>webik webik</div>
<div class='example-1-item'>webik</div>
</div>
</body>
</html>

webik webik webik

webik webik

webik

Читайте также

Задает определенные настроки для разных языков

Определяет язык, который используется в документе или его фрагменте. С помощью псевдокласса :lang...

Свойство flex-shrink

Устанавливает коэффициент сжатия флексов в контейнере и задаёт, насколько элемент будет уменьшать...

Свойство column-fill

Определяет количество колонок в многоколоночном тексте.

Применяется к дочернему элементу указанного типа

Псевдокласс :only-of-type применяется к дочернему элементу указанного типа, только если он являет...

Свойство bottom

Устанавливает положение нижнего края содержимого элемента без учёта толщины рамок и отступов.<...