Як дадаць прастору паміж пралётам ў HTML для электроннай пошты?

Я раблю шаблоны лістоў, так што я абмежаваны тым, што я магу зрабіць.

У мяне ёсць ALIGN = "цэнтр», але я да гэтага часу мае патрэбу ў прасторы паміж двума пралётамі. Як я магу гэта зрабіць?

КОД:

<td width="659" height="28" bgcolor="#999999" align="center">
    
    КОД: BEHAPPY• Ends 6/01
            </td>

Заўвага: Я не магу выкарыстоўваць поле або водступы ў шаблонах электроннай пошты.

2
Гэта дае вам прастору. Калі вам трэба больш, чым адзін прабел, вы можаце выкарыстоўваць & NBSP; сутнасць.
дададзена аўтар Mike Brant, крыніца
Паспрабуйце: Маржа: 10px або падобнае ў стылях пралётных.
дададзена аўтар Captain Skyhawk, крыніца
Калі вы не можаце выкарыстоўваць поля або водступы, што пра & NBSP; ?
дададзена аўтар Sharlike, крыніца
@sharklike Я выкарыстоўваю & NBSP; але мне трэба, па меншай меры, 10px каштоўнасць прасторы. Не ўпэўнены, што гэта добрая практыка, каб выкарыстаць & NBSP; каб імітаваць 10px прасторы.
дададзена аўтар starbucks, крыніца

8 адказы

Маржа падтрымліваецца не ва ўсіх паштовых кліентах. Я таксама меў некаторыя нязначныя неадпаведнасці ў накладцы ў мінулым, хоць ён працуе.

Might seem like a hack (but isn't html for email that anyway?) - safest way in email is to use multiple   together like so:    .

I'd also use tags instead of , they are more consistent.

10
дададзена
Дзякуй за гэты адказ!
дададзена аўтар Dean Friedland, крыніца
Вялікі дзякуй. Гэта было літаральна на кончыку майго языка, але я не мог дабрацца да яго.
дададзена аўтар Lobato, крыніца

з'яўляецца абіўка, што вы шукаеце?

span{
padding-left: 15px;
}
4
дададзена
На жаль, не можа выкарыстоўваць поле або водступы.
дададзена аўтар starbucks, крыніца

Паспрабуйце CSS:

span{
    margin-right: 10px;
}

Here is Demo: http://jsfiddle.net/84qyG/

3
дададзена

Разгледзім як гэта зрабіць:

<td width="659" height="28" bgcolor="#999999" align="center">

CODE: BEHAPPY • Ends 6/01
        </td>

Notice the subtle & nbsp; between the spans.

Не ведаю, чаму вы не можаце выкарыстоўваць поля, хоць. Акрамя таго, ёсць прычына, вы карыстаецеся тд? Я мяркую, што гэта частка табліцы?

1
дададзена
Ах, мае сэнс.
дададзена аўтар Captain Skyhawk, крыніца
Дзякуй за адказы. Я не магу выкарыстоўваць водступы або запас, паколькі гэты шаблон будзе для электроннай пошты, які будзе разасланы ў якасці заахвочвання. Паведамленні электроннай пошты маюць дрэнную падтрымку рэнтабельнасці і дапаўненні, таму мы не выкарыстоўваем іх.
дададзена аўтар starbucks, крыніца

Either using multiple non-break-space characters   or spacer image can solve your problem.

text #1text #2
1
дададзена
Гэта адзін дапамог мне
дададзена аўтар Geek, крыніца

Я лічу, што вы на самай справе шукаеце з'яўляецца

display: block;

Ex. http://jsfiddle.net/kshreve/5jNGu/

Another way you could do this is to add
after the closing spans.

Edit: Вы павінны таксама разгледзець даданне класаў CSS, каб паменшыць колькасць залішняй стылізацыі

1
дададзена

You could use padding or margin: http://jsfiddle.net/tpXF4/

<td width="659" height="28" bgcolor="#999999" align="center">

CODE: BEHAPPY• Ends 6/01
        </td>
0
дададзена

Разгледзім ўстаўкі пусты DIV ў паміж пралётамі тэгамі 2?

.spacer {
    display: inline-block;
    width: 10px;
}
0
дададзена