Предположим, у меня есть прямой стол flex-box.Я хочу, чтобы все столбцы имели одинаковую ширину, чтобы расширить до ширины таблицы.То есть, если есть четыре столбца, каждый столбец будет составлять 25% от общей ширины таблицы.Я знаю, как это сделать.
Теперь предположим, что я хочу иметь возможность пометить произвольный столбец с классом .fit-to-content
.Любой столбец, помеченный этим классом, будет иметь ширину, равную максимальной ширине, необходимой для содержимого в столбце.
Этот Codepen - моя первоначальная попытка сделать это: https://codepen.io/anon/pen/eoJmMN
Обратите внимание, чтов то время как столбец flex-box, помеченный как .fit-to-content
, имеет ширину, равную ширине его содержимого, ширина различается по строкам.Есть ли что-нибудь с flex-box, чтобы столбец имел одинаковую ширину?
Предположим, я не знаю ширину заранее (то есть я не могу просто установить ширину 100px
или около того).