html - 图片 Alt 标签/标题默认左对齐。我怎样才能改变到中心

标签 html css

我正在处理电子邮件模板。电子邮件客户端默认不显示图像。所以我为此使用了替代文字。现在的问题是,Alt 文本默认为左侧。我想成为中心。我尝试使用 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">

最佳答案

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

<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>

关于html - 图片 Alt 标签/标题默认左对齐。我怎样才能改变到中心,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33384321/

相关文章:

javascript - jQuery/JavaScript实现smallslider效果

Opera 中的 HTML 错误

html - 如何使此文本在导航栏中居中

css - 长文本导致行内元素显示在下方

html - 如何在句子末尾显示两个空格(redux)

jquery - 无法调整第二个背景空间的大小

css - 页面布局,Divs 而不是表格

jquery - 如何在两列列表中正确使用 float

html - 如何通过包含自己的 css 文件来自定义 wufoo 表单

html - 使用 CSS 在模式中显示树