Html 如何使图像在按钮中居中

我一直在尝试将一个图像（图标）放在按钮的中心位置，这在很大程度上起到了作用。图像在按钮内部居中，但每当我降低分辨率时，图像都会在按钮外部剪辑。有什么办法解决这个问题吗？谢谢你看，我真的很感激

尝试调整按钮的填充，使用绝对位置和中心，甚至尝试边距：自动

html

---

只需将这些属性赋予图像

img {
    max-width: 100%;
    max-height: 100%;
}

---

只需将这些属性赋予图像

img {
    max-width: 100%;
    max-height: 100%;
}

---

使用

flex的现代中心方法使用
flex的现代中心方法为什么不将图像移动到按钮的背景，以便您可以利用
cover
或
contain
获得
背景大小
属性我对html和css非常陌生，我只看到了一些基本的东西在Stackoverflow上已经有了几个可能的答案，例如，你试过那个，对我不起作用你试过给你的图标元素添加样式吗？在这里你定义了你的宽度和高度？这样地[为什么不将图像移动到按钮的背景，这样您就可以利用
封面
或
包含
来设置
背景大小
属性我对html和css非常陌生，我只看到了一些基本的东西在Stackoverflow上已经有了几个可能的答案，例如，尝试了那个答案，没有rk for Me你有没有尝试过在你的图标元素中添加样式？在这里你定义了你的宽度和高度？像这样[Ethan，你是一个绝对的救生员！谢谢！Flex非常酷，而你是一个绝对的救生员！谢谢！Flex非常酷
img {
    max-width: 100%;
    max-height: 100%;
}

button {
 display:flex;
 justify-content: center;
 align-items: center;
}