Задать вопрос
DirecTwiX
@DirecTwiX
"display: flex;" уже предлагали?

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

Чтобы ширина кнопок равнялась ширине самой широкой кнопки.
Пример:
9malpKr.png
Привязываться к конкретным значениям ширины не хотелось бы. Есть вариант без JS?
  • Вопрос задан
  • 1415 просмотров
Подписаться 2 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 2
@EdOther
Student - Programmer
Может задать ширину для всех кнопок
width: *px;
Ответ написан
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
На 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/
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы