Сколько аргументов принимает функция min max

minmax()

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020 .

minmax() это CSS функция, определяющая диапазон размеров, который больше или равен min и меньше или равен max. Используется в CSS Grids.

/* , values */ minmax(200px, 1fr) minmax(400px, 50%) minmax(30%, 300px) minmax(100px, max-content) minmax(min-content, 400px) minmax(max-content, auto) minmax(auto, 300px) minmax(min-content, auto) /* , values */ minmax(200px, 1fr) minmax(30%, 300px) minmax(400px, 50%) minmax(50%, min-content) minmax(300px, max-content) minmax(200px, auto) /* , values */ minmax(400px, 50%) minmax(30%, 300px) minmax(min-content, 200px) minmax(max-content, 200px) minmax(auto, 300px) 

Синтаксис

Функция принимает два параметра, min и max.

Каждый параметр может быть значением , либо , либо , или одним из ключевых слов max-content , min-content , или auto .

Значения

A non-negative length.

A non-negative percentage relative to the inline size of the grid container in column grid tracks, and the block size of the grid container in row grid tracks. If the size of the grid container depends on the size of its tracks, then the must be treated as auto . The user agent may adjust the intrinsic size contributions of the track to the size of the grid container and increase the final size of the track by the minimum amount that would result in honoring the percentage.

A non-negative dimension with the unit fr specifying the track’s flex factor. Each -sized track takes a share of the remaining space in proportion to its flex factor.

Represents the largest max-content contribution of the grid items occupying the grid track.

Represents the largest min-content contribution of the grid items occupying the grid track.

As a maximum, identical to max-content . As a minimum it represents the largest minimum size (as specified by min-width / min-height ) of the grid items occupying the grid track.

Формальный синтаксис

=
minmax( min , max )

Пример

CSS

#container  display: grid; grid-template-columns: minmax(max-content, 300px) minmax(200px, 1fr) 150px; grid-gap: 5px; box-sizing: border-box; height: 200px; width: 100%; background-color: #8cffa0; padding: 10px; > #container > div  background-color: #8ca0ff; padding: 5px; > 

HTML

div id="container"> div> Item as wide as the content,br /> but at most 300 pixels. div> div>Item with flexible width but a minimum of 200 pixels.div> div>Inflexible item of 150 pixels width.div> div> 

Результат

Спецификации

Specification
CSS Grid Layout Module Level 2 # valdef-grid-template-columns-minmax

Совместимость с браузерами

BCD tables only load in the browser

Смотрите также

• Grid Layout Guide: Basic concepts of grid layout — track sizing with minmax()
• Video tutorial: Introducing minmax()

Found a content problem with this page?

• Edit the page on GitHub.
• Report the content issue.
• View the source on GitHub.

This page was last modified on 6 янв. 2024 г. by MDN contributors.

Your blueprint for a better internet.

MDN

Support

• Product help
• Report an issue

Our communities

Developers

• Web Technologies
• Learn Web Development
• MDN Plus
• Hacks Blog

• Website Privacy Notice
• Cookies
• Legal
• Community Participation Guidelines

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998– 2024 by individual mozilla.org contributors. Content available under a Creative Commons license.

Функции min и max в Python

В языке программирования Python есть встроенные функции поиска минимума и максимума. Им можно передавать как один объект, так и непосредственно множество однотипных объектов. Если передается один объект, то им может быть список, любая другая коллекция или итерируемый объект.

Если передается один список, то в нем находится минимум или максимум, которые возвращаются функциями min() и max() .

>>> a = [11,8,12,0] >>> min(a) 0 >>> max(a) 12

Если передается несколько списков, то целиком возвращается один из переданных списков. При этом сравнение происходит поэлементно: сначала сравниваются первые элементы списков. Если они не равны, то функция min() вернет тот список, первый элемент которого меньше, max() — наоборот. Если первые элементы равны, то будут сравниваться вторые и т. д.

>>> a = [11,8,12,0] >>> b = [11,7,123,9] >>> m = min(a,b) >>> print(m, type(m)) [11, 7, 123, 9] >>> c = [11,8,12] >>> min(a,c) [11, 8, 12]

Функциям min() и max() можно непосредственно передавать множество чисел:

>>> max(3, 8, -3, 12, 9) 12

Таким образом, если функции получают несколько объектов, то сравниваются сами объекты. И неважно какого они типа: списки, числа или что-то другое.

Однако нельзя передать числа и строки или смешанный список. В этом случае функция возвращает ошибку:

>>> s = ['a','d',1] >>> min(s) Traceback (most recent call last): File "", line 1, in TypeError: unorderable types: int() < str()

>>> s = ['a','d','ee'] >>> min(s) 'a'

В функциях min() и max() можно указать необязательный именной параметр key . Ему присваивается одноаргументная функция, которая выполняет какое-то предварительное действие над элементами списка.

>>> a = [8,-11,4,2,-5] >>> max(a) 8 >>> max(a,key=abs) -11

Здесь во втором случае находится максимум среди абсолютных значений чисел. То есть к каждому элементу списка применяется встроенная в Python функция abs . Однако применить ее к целым спискам нельзя:

>>> max(a,b,key=abs) Traceback (most recent call last): File "", line 1, in TypeError: bad operand type for abs(): 'list'

Как работает функция minmax()

Одна из невероятно полезных новинок спецификации CSS Grid Layout — функция minmax() . Эта функция открывает нам возможность писать более мощный и лаконичный CSS, позволяя задавать в качестве значения для грид-полосы функцию, включающую и минимальное, и максимальное значения.

Функция minmax()

Функция minmax() принимает два параметра, минимальное значение и максимальное.

minmax(min, max)

Если указанное максимальное значение окажется меньше минимального, оно игнорируется, и функция воспринимается как представляющая только минимальное значение.

Функция minmax() принимает 6 типов значений:

• Единицы длины
• Проценты
• Гибкие размеры
• max-content
• min-content
• auto

Рассмотрим примеры каждого из них.

Длина

Наверное, самое простое значение, что мы можем использовать с функцией minmax() — обычная длина. Возьмем, например, этот простой грид, с тремя колонками и одним рядом.

С помощью функции minmax() мы можем указать, что желтая грид-ячейка остается в пределах от 100px до 200px . При изменении размеров окна абсолютное значение будет меняться, но всегда между этими границами.

.grid

Вторая и третья колонки сжимаются и расширяются до заполнения оставшегося свободного места поровну, но первая всегда остается шириной от 100px до 200px .

Проценты

Помимо обычных единиц длины, с функцией minmax() можно использовать и проценты. Допустим, к примеру, что мы захотели, чтобы желтая грид-ячейка занимала максимум 50% грида, но не ужималась меньше 200px.

.grid

Как бы мы не сужали окно браузера, желтая ячейка никогда не станет меньше 200px. Но когда место есть, она растягивается до максимума в половину ширины грида.

Гибкие размеры

Гибкие размеры — новая единица, тоже введенная спецификацией CSS Grid Layout, как и функция minmax() . Эта величина, для которой используется единица fr , представляет собой долю свободного пространства в грид-контейнере. Например, скажем, у нас есть грид шириной 100px с двумя колонками. У одной колонки фиксированная ширина 20px , а у другой ширина 1fr . У второй колонки фактически будет ширина 80px , поскольку она занимает всё оставшееся свободное место в гриде.

На данный момент единица fr может использоваться только для максимального значения в функции minmax() (хотя в спецификации отмечено, что в будущем может появиться возможность применять ее и для минимального значения). Возвращаясь к нашему примеру, можно указать, что наша желтая ячейка должна быть шириной минимум 200px. Если окно браузера станет шире этого, эта ячейка должна быть размером 1fr , т.е. равна двум другим колонкам.

.grid

Поскольку при больших размерах окна ширина всех колонок 1fr, они делят пространство в гриде поровну.

max-content

Ключевое слово max-content — специальное значение, представляющее собой «идеальный размер» ячейки. Это наименьший возможный размер ячейки, при котором содержимое умещается в ней свободно. Например, если содержимое ячейки — предложение текста, идеальной шириной ячейки будет полная длина этого предложения, если записать его в одну строку без переносов.

Если взять наш предыдущий пример, давайте укажем для желтой грид-ячейки и минимальный, и максимальный размер, равный max-content .

.grid

Как видно, колонка растягивается в ширину, чтобы вместить всю длину строки. Поскольку и максимальному, и минимальному значениям указано max-content , ширина колонки остается постоянной (прим. перев.: того же эффекта можно было бы добиться и без minmax , указав просто grid-template-columns: max-content 1fr 1fr ).

min-content

Ключевое слово min-content , как и max-content — особое значение. Оно представляет собой наименьший возможный размер, при котором в ячейке еще не возникает переполнения, если этого переполнения можно хоть как-то избежать.

Чтобы показать различие между min-content и max-content , можно взять содержимое из предыдущего примера, но в оба значения для функции minmax() подставить min-content .

.grid

Видно, что содержимое ячейки переносится так, чтобы занимать как можно меньше места по горизонтали, не вызывая переполнения.

auto

Наконец, у нас есть auto . В зависимости от того, используется оно как максимальное или минимальное значение в функции minmax() , его смысл меняется.

Если значение auto используется в качестве максимума, оно эквивалентно значению max-content . А если в качестве минимума, то значение auto представляет собой наибольший минимальный размер для ячейки. Этот «наибольший минимальный размер» отличается от значения min-content и задается свойствами min-width/min-height .

В качестве иллюстрации — вот что происходит, если задать желтой грид-ячейке в нашем примере auto для минимума и максимума.

.grid

Использование функции minmax() : отзывчивый дизайн без медиавыражений

Как мы видели, использование функции minmax() подходит в нескольких случаях, и ее можно использовать несколькими способами. Но, наверное, самое популярное и полезное применение функции minmax() — возможность создавать отзывчивые макеты без помощи каких-либо медиавыражений.

Возьмем для примера такой грид:

У каждой колонки в гриде минимальная ширина 200px. При изменении размеров окна браузера число колонок меняется, чтобы вместить их идеальную ширину. С помощью CSS-гридов и функции minmax() это делается всего лишь 2 строчками CSS:

.grid

Помимо функции minmax() , здесь еще два ключевых момента:

• repeat() : эта функция позволяет нам указывать одно и то же значение для нескольких колонок в гриде. Она принимает два значения: количество повторений и значение, которое надо повторить.
• auto-fit : это ключевое слово можно использовать с функцией repeat() вместо количества повторений. Оно гибко меняет используемое число колонок в зависимости от ширины каждой из них.

Правда, одно, на мой взгляд серьезное, ограничение этого приема — то, что это работает только при равной ширине всех колонок. Мы вынуждены пользоваться функцией repeat() с ключевым словом auto-fit , так как это дает возможность сделать число колонок гибким. Но всё же и это может быть крайне полезным решением в подходящих обстоятельствах.

P.S. Это тоже может быть интересно:

• «Запашки» кода React-компонентов
• Не боритесь с каскадом, управляйте им!
• Псевдокласс :has() — не только «родительский селектор»

Если вам понравилась статья, поделитесь ей!

Функции Average, Max, Min, StdevP, Sum и VarP

Статистические функции, которые вычисляют итоговые значения для набора чисел.

Description

Функция Average вычисляет среднее значение (среднее арифметическое) для указанных аргументов.

Функция Max находит наибольшее значение.

Функция Min находит наименьшее значение.

Функция Sum вычисляет сумму указанных аргументов.

Функция StdevP вычисляет стандартное отклонение для указанных аргументов.

Функция VarP вычисляет дисперсию для указанных аргументов.

В качестве значений для этих функций можно указывать следующее:

• Отдельные аргументы. Например, Sum( 1, 2, 3 ) возвращает значение 6.
• Таблица и формула для операций с этой таблицей. Статистическая функция будет вычисляться по значениям формулы для каждой записи.

Поля обрабатываемой в настоящее время записи доступны в формуле. Используйте оператор ThisRecord или просто укажите поля по имени, как указываются любые другие значения. Оператор As также можно использовать для присвоения имени обрабатываемой записи, что упростит понимание формулы и обеспечивает доступность вложенных записей. Дополнительные сведения см. в приведенных ниже примерах и в описании работы с областью записи.

Эти функции работают только с числовыми значениями. Значения другого типа, например строки или записи, игнорируются. Можно использовать функцию Value для преобразования строки в число.

Функции Average, Max, Min и Sum можно делегировать при использовании с источником данных, поддерживающим делегирование для этих функций. Тем не менее функции StdevP и VarP невозможно делегировать для всех источников данных. Если делигирование не поддерживается, извлекается только первая часть данных, после чего функция применяется локально. Результат может не отражать ситуацию в целом. При создании отображается предупреждение о делегировании, чтобы напомнить об этом ограничении и предложить по возможности переключиться на подлежащие делегированию альтернативы. Дополнительные сведения см. в обзоре делегирования.

Синтаксис

Average( NumericalFormula1, [ NumericalFormula2, . ] )
Max( NumericalFormula1, [ NumericalFormula2, . ] )
Min( NumericalFormula1, [ NumericalFormula2, . ] )
Sum( NumericalFormula1, [ NumericalFormula2, . ] )
StdevP( NumericalFormula1, [ NumericalFormula2, . ] )
VarP( NumericalFormula1, [ NumericalFormula2, . ] )

• NumericalFormula(s) — обязательные аргументы. Числовые значения для выполнения операций.

Average( Table, NumericalFormula )
Max( Table, NumericalFormula )
Min( Table, NumericalFormula )
Sum( Table, NumericalFormula )
StdevP( Table, NumericalFormula )
VarP( Table, NumericalFormula )

• таблица — обязательный аргумент. Таблица, с которой выполняются операции.
• NumericalFormula — обязательный аргумент. Формула, вычисляемая для каждой записи. Результат этой формулы используется для вычисления статистической функции. В формуле можно использовать столбцы таблицы.

Примеры

Пошаговое руководство

Предположим, у вас имеется источник данных с именем Sales, содержащий столбцы CostPerUnit и UnitsSold. Вы задаете для свойства Text метки приведенную ниже функцию.
Sum(Sales, CostPerUnit * UnitsSold)

В метке должна отобразиться общая сумма продаж, получаемая путем умножения значений этих столбцов для каждой записи и последующего сложения результатов для всех записей.

Еще один пример. Предположим, что у вас есть ползунки Slider1, Slider2 и Slider3, и вы задали для свойства Text метки приведенную ниже формулу.
Sum(Slider1.Value, Slider2.Value, Slider3.Value): метка будет показывать сумму всех значений, на которые были установлены ползунки.
Average(Slider1.Value, Slider2.Value, Slider3.Value): метка будет показывать среднее всех значений, на которые были установлены ползунки.
Max(Slider1.Value, Slider2.Value, Slider3.Value): метка будет показывать максимум всех значений, на которые были установлены ползунки.
Min(Slider1.Value, Slider2.Value, Slider3.Value): метка будет показывать минимум всех значений, на которые были установлены ползунки.
StdevP(Slider1.Value, Slider2.Value, Slider3.Value): метка будет показывать стандартное отклонение всех значений, на которые были установлены ползунки.
VarP(Slider1.Value, Slider2.Value, Slider3.Value): метка будет показывать отклонение всех значений, на которые были установлены ползунки.