以上是正在尝试的代码。这里所有的图像位置都在这里和那里移动W.R.T文本。但我需要它被固定在所有按钮的一个位置，并使其相同。我需要所有图像都在行和文本中对齐。

所有按钮的图像位置应该固定，文本起始位置应该相同，并且应该在按钮的中间。

这里有些参考..这里图像是对齐的，文本也应该对齐

在此处输入图像说明

---

顺晟科技：

在按钮样式中，添加以下样式

<div>
<button style="   padding: 10px 16px 10px 16px;
     vertical-align: middle;  
     margin: auto;
     width: 32%;">
    <img  style=" width: 22px;
    height: 22px;
     vertical-align: middle; " src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/61/HTML5_logo_and_wordmark.svg/512px-HTML5_logo_and_wordmark.svg.png" alt="Text" />
    <span>Click to Stage</span>
</button>
<button style="   padding: 10px 16px 10px 16px;
     vertical-align: middle;  
     margin: auto;
     width: 32%;">
    <img  style=" width: 22px;
    height: 22px;
     vertical-align: middle; " src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/61/HTML5_logo_and_wordmark.svg/512px-HTML5_logo_and_wordmark.svg.png" alt="Text" />
    <span>Howzaat</span>
</button>
<button style="   padding: 10px 16px 10px 16px;
     vertical-align: middle;  
     margin: auto;
     width: 32%;">
    <img  style=" width: 22px;
    height: 22px;
     vertical-align: middle; " src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/61/HTML5_logo_and_wordmark.svg/512px-HTML5_logo_and_wordmark.svg.png" alt="Text" />
    <span>Hurrey with the mission</span>
</button>
</div>
<div>
<button style="   padding: 10px 16px 10px 16px;
     vertical-align: middle;  
     margin: auto;
     width: 32%;">
    <img  style=" width: 22px;
    height: 22px;
     vertical-align: middle; " src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/61/HTML5_logo_and_wordmark.svg/512px-HTML5_logo_and_wordmark.svg.png" alt="Text" />
    <span>Stage</span>
</button>
<button style="   padding: 10px 16px 10px 16px;
     vertical-align: middle;  
     margin: auto;
     width: 32%;">
    <img  style=" width: 22px;
    height: 22px;
     vertical-align: middle; " src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/61/HTML5_logo_and_wordmark.svg/512px-HTML5_logo_and_wordmark.svg.png" alt="Text" />
    <span>catch me if you can</span>
</button>
<button style="   padding: 10px 16px 10px 16px;
     vertical-align: middle;  
     margin: auto;
     width: 32%;">
    <img  style=" width: 22px;
    height: 22px;
     vertical-align: middle; " src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/61/HTML5_logo_and_wordmark.svg/512px-HTML5_logo_and_wordmark.svg.png" alt="Text" />
    <span>jungle mission</span>
</button>
</div>

您可以使用flex来设置您想要的网格（选择适合您的大小，我将我的设置为宽度为700px。如果您删除该类，它将失去该属性并变为100%宽度。

您可以使用，，，，，.

来处理图像和文本在按钮中的放置方式

全屏查看代码段，以获得最佳可视化效果！

代码段示例: