Auto
сделает размер каждого столбца таким, чтобы он мог вместить все, что содержится в нем.
*
будет использовать максимальное количество доступного пространства. Лучше всего использовать, когда у вас есть «оставшийся» столбец, который вы хотите просто изменить размер до того, что осталось.
Пример Сетка ширины не определена.
Сценарий 1:
Column 1 | Column 2 | Column 3
----------------------------------
100 Width | Auto | 200 Width
В этом случае столбец 2 может быть любым между 1 и тем содержимым, которое ему требуется, и максимальным пространством, доступным для ширины сетки. Если бы столбец 2 был изменен на *
и ширину, определенную на сетке в целом, он бы заполнил оставшееся пространство для достижения ширины сетки. Если у вас есть два столбца, заданных как *
, и определена ширина сетки, то они будут конкурировать за оставленный пробел и разделять его.
Обычно я использую *
только для одного столбца максимум (хотя это не правило), если у меня есть элемент управления, который имеет динамический размер, чтобы столбец занимал все пространство, оставшееся другими столбцами , Замечательно, если вы хотите, чтобы столбцы определенного размера для элемента управления с динамическим размером и чтобы определенные столбцы оставались фиксированными, и определяли один столбец для расширения, чтобы заполнить остальную часть элемента управления. Auto
не будет делать это с пустыми столбцами или столбцами с низким содержанием, которые фактически не будут заполнять оставшийся пробел.
Сценарий 2 (столбец 3 содержит содержимое шириной 100, а общая ширина сетки 800):
Column 1 | Column 2 | Column 3 | Column 4
--------------------------------------------
100 Width | 200 Width | Auto | *
В этом случае столбец 3 будет иметь ширину только 100. Колонка 4 будет иметь ширину 400, чтобы заполнить оставленное пространство.