Question

我正在处理电子邮件模板。电子邮件客户端默认不显示图像的位置。所以我使用alt文本。现在的问题是，Alt文本是左边的defalut。我想成为中心。我尝试使用text-align：center但它不起作用。

以下尝试过的代码

<img align="center" alt="photogurus" src="https://ci5.googleusercontent.com/proxy/MXtyd6DfKf03Jiqd90hiDo5DaCOXIuoYNLAV4T2ugpS_Z--fbEJUINKvb13AFv9Cqks5MlOuZ6oTtuo58hPvrOg6fhBJedH6_IH6Ta1pEWYGS5LfE8rF_qa-06EBga2JqJNRy3KfQpKf4Lj7ApkcHTsDDO0VzFFeYB3ICy8=s0-d-e1-ft#https://gallery.mailchimp.com/283f05b120a2d42944ac78377/images/5df4bc72-44bc-4f2a-94bb-0e1967374984.png" width="76" style="text-align:center;font-size: 11px;max-width: 76px;padding-bottom: 0;display: inline!important;vertical-align: bottom;border: 0;min-height: auto;outline: none;text-decoration: none;height: auto !important;-ms-interpolation-mode: bicubic;color:#fcbb2a;" class="CToWUd">

Answer 1

创建一个表格并将图像放入其中：

<table cellspacing="0" style="width:300px;height:300px;border:1px solid black;">
   <tr>
     <td style="text-align:center;">
       <img align="center" alt="photogurus" src="https://ci5.googleusercontent.com/proxy/MXtyd6DfKf03Jiqd90hiDo5DaCOXIuoYNLAV4T2ugpS_Z--fbEJUINKvb13AFv9Cqks5MlOuZ6oTtuo58hPvrOg6fhBJedH6_IH6Ta1pEWYGS5LfE8rF_qa-06EBga2JqJNRy3KfQpKf4Lj7ApkcHTsDDO0VzFFeYB3ICy8=s0-d-e1-ft#https://gallery.mailchimp.com/283f05b120a2d42944ac78377/images/5df4bc72-44bc-4f2a-94bb-0e1967374984.png" width="76" style="text-align:center;font-size: 11px;max-width: 76px;padding-bottom: 0;display: inline!important;vertical-align: bottom;border: 0;min-height: auto;outline: none;text-decoration: none;height: auto !important;-ms-interpolation-mode: bicubic;color:#fcbb2a;" class="CToWUd">
     </td>
   </tr>
</table>

Answer 2

试试这种方式

img {
    text-align: center;
font-size: 11px;
max-width: 76px;
padding-bottom: 0;
display: inline!important;
vertical-align: bottom;
border: 0;
min-height: auto;
outline: none;
text-decoration: none;
height: auto !important;
-ms-interpolation-mode: bicubic;
color: #fcbb2a;
line-height: 71px;
}

您可以根据需要编辑宽度和高度。

图像Alt标签/标题默认左对齐。我怎样才能改为中心

2 个答案: