2017-09-05 152 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