Свойство 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
Читайте также
Свойство margin-left
Устанавливает величину отступа от левой границы текущего элемента до внутренней границы его родит...
Селектор по тегу
В качестве селектора может выступать любой элемент HTML, для которого определяются правила формат...
Свойство font-grow
Задаёт направление основных осей в контейнере. Определяет положение флексов в контейнере. На напр...
Свойство border-top-right-radius
Устанавливает радиус скругления правого нижнего угла рамки.<br>Если рамка не задана, то скр...
Свойство grid-auto-flow
Управляет тем, как работает алгоритм автоматического размещения, точно указывая, как элементы поп...