css 当从div更改为按钮时,如何防止按钮变小?

cbwuti44  于 2022-11-19  发布在  其他
关注(0)|答案(2)|浏览(184)

我不知道该怎么办。
https://jsfiddle.net/eL5gn73s/
大的是div,小的是缩小的按钮。
按钮的大小应该与div相同,而不是相反。
从div更改为按钮后,按钮缩小到小于div的大小(47px)。
第一个

xesrikrc

xesrikrc1#

给它们都加上一个display:block(或inline-block),并把box-sizing:content-box加到它们上面,然后把box-sizing加到它们上面(border-box
至于完整的答案:这与border-boxcontent box有关,这与divbutton不同
Button使用较小的值,而div使用较大的值。

content-box uses the size + padding + borders
border-box uses size + padding - borders

所以你的4px X 2边界半径必须添加到按钮,使其与div相同的大小。
这里我显示了固定的,然后原始的比较(所有作为内联块只是为了视觉)注意,第一组是相同的大小,第二组DIV。
希望这能给出更好的解释,以及如何“修复”它。
第一次

bqjvbblv

bqjvbblv2#

尝试编辑.exitpage2 css中的按钮,如下所示

.exit.exitPage2 {
  background: red;
   width: 50px;
  height: 50px;
}

如果您将高度和宽度设置为所需的量,它应该会执行您需要的操作

相关问题