在過去兩天中,我試圖計算如何使用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