8

メールのテンプレートを作っているので、できることは限られています。

align="center" を取得しましたが、2 つのスパンの間にまだスペースが必要です。これどうやってするの？

コード：

<td width="659" height="28" bgcolor="#999999" align="center">
    <span style="color: #ffffff;font-family: Arial, sans-serif;font-size:20px;">
    CODE:</span> <span style="color: #ffffff;font-family: Arial, sans-serif;
    font-size:20px;font-weight:bold;">BEHAPPY</span><span style="color: #ffffff;
     font-family: Arial, sans-serif;font-size:20px;">• Ends 6/01</span>
            </td>

注: メール テンプレートで余白やパディングを使用できません。

4

9 に答える 9

15

Margin は、すべての電子メール クライアントでサポートされているわけではありません。また、過去にパディングに若干の矛盾がありましたが、うまくいきました。

ハックのように見えるかもしれません (しかし、とにかく電子メールの html ではありませんか?) - 電子メールで最も安全な方法は、次の&nbsp;ように複数を一緒に使用することです: &nbsp;&nbsp;&nbsp;.

<font>の代わりにタグも使用します<span>。より一貫性があります。

于 2013-05-22T18:01:40.447 に答える
4

パディングはあなたが探しているものですか？ 

span{
padding-left: 15px;
}
于 2013-05-22T17:52:09.573 に答える
4

この CSS を試してください:

span{
    margin-right: 10px;
}

これがデモです：http://jsfiddle.net/84qyG/

于 2013-05-22T17:53:01.040 に答える
1

あなたが実際に探しているのは

display: block;

元。http://jsfiddle.net/kshreve/5jNGu/

<br/>これを行う別の方法は、終了スパンの後に追加することです。

編集:余分なスタイリングの量を減らすために、CSS クラスを追加することも検討する必要があります。

于 2013-05-22T17:57:08.570 に答える
1

複数の非改行スペース文字またはスペーサー画像を使用すると、問題を解決できます。

<span style="">text #1</span><img src="images/spacer.gif" alt="" border="0" width="10" height="1" /><span style="">text #2</span>
于 2013-05-29T15:50:48.107 に答える