在过去两天中,我试图计算如何使用CodeTwo
软件来为电子邮件签名。电子邮件签名
我到了一个点,我的签名已经准备好了,但有一个问题。 我无法弄清楚如何垂直对齐图像(这是一个图标)与文本。 (因为软件使用表来对齐元素) 基本上,我有一个tr
与td
其中我有这两个要素,我想要居中。 我附上了截图,向您展示我的意思。有什么建议么?提前致谢。
代码片段:https://codepen.io/ovidiu1207/pen/xLerjy
在过去两天中,我试图计算如何使用CodeTwo
软件来为电子邮件签名。电子邮件签名
我到了一个点,我的签名已经准备好了,但有一个问题。 我无法弄清楚如何垂直对齐图像(这是一个图标)与文本。 (因为软件使用表来对齐元素) 基本上,我有一个tr
与td
其中我有这两个要素,我想要居中。 我附上了截图,向您展示我的意思。有什么建议么?提前致谢。
代码片段:https://codepen.io/ovidiu1207/pen/xLerjy
解决(从codepen分叉)=>https://codepen.io/anon/pen/XawXEG
我试图根据你的截图 “猜测” 的HTML,所以希望这个解决方案工程为您提供:
.img {
margin-right: 6px;
vertical-align: middle;
}
<table>
<tr>
<td><img src="http://lorempixel.com/30/30" alt="banana" class="img">{Mobile}</td>
</tr>
</table>
您可以尝试将属性valign="top"
或css style="vertical-align:top;"
或两者都与您的td
一样给出样本。
<td valign="top" style="vertical-align:top;"></td>
CodeTwo
似乎添加了很多无用的代码到标记。我尝试过使用这些元素,并将vertical-align: middle;
的属性添加到这两个图片似乎已经工作。
你好,请加[MCVE]你的问题;我们无法调试屏幕截图! – TylerH
你可以添加用于创建这些元素的代码吗? – Signo