将图像集中在我的HTML代码中

我试图将HTML代码中的图像居中，因为它们当前都显示在左侧。这是在程序Infusionsoft中，因此不确定是系统不让我集中精力处理我尝试过的所有内容，还是我只是做得不正确。任何朝正确方向的推动都会有帮助

<div style="width:1000px; height:1000px; border:0px; padding:0px;">
<a href="ImageLocation1">
<img alt="single.png"   src="ImageSource1" style="width:280px; height:614px; border:0px solid blue;  float:left;" />
</a>
<a ImageLocation2">
<img alt="Corporate.png"src="ImageSource3" style="width:280px; height:614px; border:0px solid blue; float:left;" />
</a>
<a ImageLocation3">
<img alt="partner.png" src="ImageSource2" style="width:280px; height:614px; border:0px solid blue; float:left;" />
</a>
</div>

---

有两种不同的方法可以使图像居中，一种是单独居中，另一种是集体居中

个人：

<div style="width:200px; height:200px; border:2px solid red; padding:0px;">
<a href="ImageLocation1">
<img alt="single.png" src="ImageSource1" style="width:48px; height:61px; border:0px solid blue; display:block; margin:0 auto;" />
</a>
<a href="ImageLocation2">
<img alt="Corporate.png" src="ImageSource3"  style="width:48px; height:61px; border:0px solid blue; display:block; margin:0 auto;">
</a>
<a href="ImageLocation3">
<img alt="partner.png" src="ImageSource2" style="width:48px; height:61px; border:0px solid blue; display:block; margin:0 auto;"/>
</a>
</div>

将

text align:center

添加到包装器

小提琴：

为了更好地呈现小提琴，我更改了您的高度和宽度，您只需将其编辑回原来的样子。

如果您不想使用

display:block

，那么您可以查看

flex

，这是一个很好的工具

---

有两种不同的方法可以使图像居中，一种是单独居中，另一种是集体居中

个人：

<div style="width:200px; height:200px; border:2px solid red; padding:0px;">
<a href="ImageLocation1">
<img alt="single.png" src="ImageSource1" style="width:48px; height:61px; border:0px solid blue; display:block; margin:0 auto;" />
</a>
<a href="ImageLocation2">
<img alt="Corporate.png" src="ImageSource3"  style="width:48px; height:61px; border:0px solid blue; display:block; margin:0 auto;">
</a>
<a href="ImageLocation3">
<img alt="partner.png" src="ImageSource2" style="width:48px; height:61px; border:0px solid blue; display:block; margin:0 auto;"/>
</a>
</div>

将

text align:center

添加到包装器

小提琴：

为了更好地呈现小提琴，我更改了您的高度和宽度，您只需将其编辑回原来的样子。

如果您不想使用

display:block

，那么您可以查看

flex

，这是一个很好的工具

---

从每个图像中删除

浮动

。浮动使图像忽略并居中设置您拥有的样式（无）。此外，对于“向正确的方向推进”：a）在没有GUI的情况下学习HTML；b） 保持样式为外部而非内部。此外，您的

a

标记不正确。不确定你想在那里做什么。你想如何使它们居中？每行一个，并以页面为中心？所有三个在页面上水平居中？谢谢你提供的非常有用的提示，韦斯。绝对同意在GUI之外学习HTML。只需修改客户端的电子邮件。从每个图像中删除

浮动。浮动使图像忽略并居中设置您拥有的样式（无）。此外，对于“向正确的方向推进”：a）在没有GUI的情况下学习HTML；b） 保持样式为外部而非内部。此外，您的
a
标记不正确。不确定你想在那里做什么。你想如何使它们居中？每行一个，并以页面为中心？所有三个在页面上水平居中？谢谢你提供的非常有用的提示，韦斯。绝对同意在GUI之外学习HTML。刚刚修改了一封客户的电子邮件。谢谢你的指导！Fiddle网站也会很方便。没问题，编码很愉快。谢谢你的指导！Fiddle网站也会很方便。没问题，编码很愉快。