[英]E-Mail Signature
For the past two days I was trying to figure how CodeTwo
software works in order to make a signature for the email. 在过去的两天里,我一直在试图弄清楚
CodeTwo
软件如何工作,以便为电子邮件签名。
I got to a point where I have the signature almost ready but with one problem. 我到了要准备好签名但有一个问题的地步。 I can't figure out how to vertically align an image (which is an icon) with the text.
我不知道如何使图像(图标)与文本垂直对齐。 (because the software uses tables to align elements) Basically, I have a
tr
with a td
where I have this two elements that I want to center. (因为该软件使用表格来对齐元素)基本上,我有一个带有
td
的tr
,其中有两个我想居中的元素。 I attached a screenshot to show you what I mean by this. 我附上了一张屏幕截图,向您展示了我的意思。 Any suggestions?
有什么建议么? Thanks in advance.
提前致谢。
CODE Snippet: https://codepen.io/ovidiu1207/pen/xLerjy 程式码片段: https : //codepen.io/ovidiu1207/pen/xLerjy
SOLVED (forking from your codepen) => https://codepen.io/anon/pen/XawXEG 解决(从您的Codepen分叉)=> https://codepen.io/anon/pen/XawXEG
I was trying to "guess" the HTML based on your screenshot, so hopefully this solution works for you: 我试图根据您的屏幕截图“猜测” 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>
You can try attribute valign="top"
or css style="vertical-align:top;"
您可以尝试使用属性
valign="top"
或CSS style="vertical-align:top;"
or both to your td
like given sample. 或两者都给您的
td
如给定的样本。
<td valign="top" style="vertical-align:top;"></td>
CodeTwo
seems to add a lot of useless code to the markup. CodeTwo
似乎为标记添加了许多无用的代码。 I've tried playing with the elements and adding the property vertical-align: middle;
我试过玩元素,并添加属性
vertical-align: middle;
to both the images seems to have worked. 对这两个图像似乎都有效。
https://codepen.io/anon/pen/WEWExX https://codepen.io/anon/pen/WEWExX
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.