允许图像居中并调整大小以适合按钮| | CSS

允许图像居中并调整大小以适合按钮| | 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; } 背景尺寸:包含和背景位置:中

我正在制作一个“待办事项”列表,并尝试将按钮样式设置为X标记,以删除一个项目符号。图像出现了,但它只是其中的一小部分。有没有办法使图像居中并缩小尺寸以适合按钮内部

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
背景大小:包含
背景位置:中间