2017-09-05 151 views
0

在过去两天中,我试图计算如何使用CodeTwo软件来为电子邮件签名。电子邮件签名

我到了一个点,我的签名已经准备好了,但有一个问题。 我无法弄清楚如何垂直对齐图像(这是一个图标)与文本。 (因为软件使用表来对齐元素) 基本上,我有一个trtd其中我有这两个要素,我想要居中。 我附上了截图,向您展示我的意思。有什么建议么?提前致谢。

enter image description here

代码片段:https://codepen.io/ovidiu1207/pen/xLerjy

+0

你好,请加[MCVE]你的问题;我们无法调试屏幕截图! – TylerH

+0

你可以添加用于创建这些元素的代码吗? – Signo

回答

0

解决(从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>

0

您可以尝试将属性valign="top"或css style="vertical-align:top;"或两者都与您的td一样给出样本。

<td valign="top" style="vertical-align:top;"></td> 
0

CodeTwo似乎添加了很多无用的代码到标记。我尝试过使用这些元素,并将vertical-align: middle;的属性添加到这两个图片似乎已经工作。

https://codepen.io/anon/pen/WEWExX