html按钮可以重复使用,HTML – 如何使按钮大小相同,并将所有按钮放在页面上？...

我正在使用Bootstrap 3并有3个不同大小的按钮.我试图使它们具有相同的大小(基于最大的大小),然后将它们全部放在页面中间,并在它们之间留出空间.按钮最终不是相同的大小或它们之间没有任何空间.我希望按钮是动态的,所以我不想让它们符合某个px宽度.

尝试失败1：

Left

Middle Button

Right

.blocks,

.btn {

padding: 24px 12px;

margin: 5px 10px 5px 10px;

border-radius: 0;

}

.container {

background-color: pink;

display: flex;

justify-content: space-between;

flex-flow: row wrap;

}

尝试失败2：

Left

Middle Button

Right

.btn {

padding: 24px 12px !important;

margin: 5px 10px 5px 10px;

border-radius: 0;

}

最佳答案 试试这段代码：.blocks,

.btn {

padding: 24px 12px;

margin: 5px 10px 5px 10px;

border-radius: 0;

}

.blocks {width:100%;}

.btn {max-width:150px;width:100%;}

.container {

background-color: pink;

display: flex;

justify-content: space-between;

flex-flow: row wrap;

}