为了解决这个问题,我们可以在按钮外面包裹一个容器,并设置该容器的宽度为按钮的宽度加上希望额外添加的空白空间的宽度。然后,将按钮的宽度设置为100%即可。示例代码如下:
HTML:
CSS:
.btn-container {
width: 200px; /* 希望按钮获取额外的200px的空白空间 */
}
.my-btn {
width: 100%;
height: 50px; /* 自定义按钮高度 */
}
上一篇:按钮获得焦点时出现边框