Свойство 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

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