Одинаковая ширина блоков?

Question

[fnq4k0amcz2t]

Допустим у меня есть 2 кнопки. У одной ширина 12px. У другой 24. Мне нужно, чтобы ширина первой кнопки была также 24. Т е все элементы расстягиваются под самый больший. Как такое реализовать?

Answer 1

[Aleksey Solovyev]

Родителю - display: flex. Кнопкам - flex: 1
https://jsfiddle.net/19zL1pey/1/

Answer 2

[Василий Васильев]

button{
min-width: 24px;
}

Comments

[fnq4k0amcz2t]

а можно без хардкодинга? Чтобы не обязательно знать ширину

[Василий Васильев]

fnq4k0amcz2t, тогда подключайте js.

let button1_width = document.getElementById('button1').offsetWidth;
document.getElementById('button2').offsetWidth = button1_width;