Как сделать кнопки одинаковой ширины?

Question

[DTX]

Чтобы ширина кнопок равнялась ширине самой широкой кнопки.
Пример:

Привязываться к конкретным значениям ширины не хотелось бы. Есть вариант без JS?

Answer 1

[Edward]

Может задать ширину для всех кнопок
width: *px;

Comments

[DTX]

Забыл уточнить.
>Привязываться к конкретным значениям ширины не хотелось бы.

Answer 2

[Ankhena]

На JS

function setEqualWidth(columns) {
        var tallestcolumn = 0;
        columns.each(function () {
            currentWidth = $(this).width();
            if (currentWidth > tallestcolumn) {
                tallestcolumn = currentWidth;
            }
        });
        columns.width(tallestcolumn);
    
}
    setEqualWidth($('button'));

С помощью CSS и доп блоков.
https://jsfiddle.net/0m99ssLr/

Comments

[DTX]

imgur.com/a/4623i

[Ankhena]

DTX: Я не знаю что это на скрине, не видно ни кода, ни браузера.
Но подозреваю, что вы забыли вендорные префиксы расставить.

[DTX]

Ankhena W: я просто дописал white-space: nowrap

[Ankhena]

DTX: Логично, nowrap приоритетнее при расчете ширины, чем автоподстраивание у флекса.

Используйте JS.