允许图像居中并调整大小以适合按钮| | CSS
我正在制作一个“待办事项”列表,并尝试将按钮样式设置为X标记,以删除一个项目符号。图像出现了,但它只是其中的一小部分。有没有办法使图像居中并缩小尺寸以适合按钮内部允许图像居中并调整大小以适合按钮| | CSS,css,Css,我正在制作一个“待办事项”列表,并尝试将按钮样式设置为X标记,以删除一个项目符号。图像出现了,但它只是其中的一小部分。有没有办法使图像居中并缩小尺寸以适合按钮内部 input[type="button"] { background: url(xmark.png); width: 15px; height: 15px; border: none; float: right; margin: 3px; cursor: pointer; cursor: hand; } 背景尺寸:包含和背景位置:中
input[type="button"] {
background: url(xmark.png);
width: 15px;
height: 15px;
border: none;
float: right;
margin: 3px;
cursor: pointer; cursor: hand;
}
背景尺寸:包含代码>和背景位置:中间代码>
我应该这样做
事实上,background size:contain
可能足够好了,这取决于框和图像的大小,但是position属性使事情变得安全
背景尺寸:包含代码>缩放图像,使其完全适合盒子(这样图像就不会被切断),并背景位置:居中
非常清晰地将图像水平和垂直居中。背景位置:居中
或只需添加到background参数,background:url(xmark.png)center代码>背景大小:包含代码>和背景位置:中间代码>