您可以使用CSS的box-sizing属性。通过将该值设置为border-box,元素的填充和边框会被计算在元素的宽度和高度之内,而不是在其外部。这意味着您可以通过增加元素的宽度和高度来包含填充和边框。如下所示:
HTML代码:
CSS代码:
.my-label {
border: 1px solid black;
padding: 10px;
box-sizing: border-box;
width: 150px;
height: 50px;
}
注意,元素的总宽度和高度是 $150px + 21px$ (边框宽度)和 $50px + 21px$ (边框宽度),而不是 $150px$ 和 $50px$。这是因为填充和边框被包含在元素的宽度和高度内。