2016-03-02 44 views
1

我需要創建一個html電子郵件。是否有可能在一個HTML電子郵件的表中創建一個垂直文本方向,如下所示:是否可以爲html電子郵件創建垂直文本方向?

enter image description here

請專注在垂直方向上的文字「比利時SABE.LIX ......」。是否可以在HTML電子郵件?

+0

不知道如何做到這一點沒有嵌入的圖像(你可以動態生成) – TheFiddlerWins

+0

你也許可以,但電子郵件的讀者用蹩腳的HTML引擎 –

回答

1

這個文本是垂直

<svg width="50" height="300"> 
 

 
<text x="28" y="150" transform="rotate(-90, 28, 150)"style="text-anchor:middle; font-size:14px">This text is vertical</text> 
 

 
</svg>

+0

嘗試使用HTML代碼生成時電子郵件 – Maheswari

+0

是在html電子郵件中支持svg標籤嗎? – chipbk10

+0

是的,它會支持 – Maheswari

1

這是你要找的,因爲它旋轉文本你只是需要將其調整到離開或者什麼。

.text { 
 
    width: 130px; 
 
    height: 50px; 
 
    -ms-transform: rotate(270deg); 
 
    /* IE 9 */ 
 
    -moz-transform: rotate(270deg); 
 
    /* Firefox */ 
 
    -webkit-transform: rotate(270deg); 
 
    /* Safari and Chrome */ 
 
    -o-transform: rotate(270deg); 
 
    /* Opera */ 
 
}
<h4 class="text">text</h4>

+0

在html電子郵件中不允許使用「div」 – chipbk10

+0

立即嘗試我已將其移除,它仍然有效。 –

+1

這項工作?還是做了其他答案?如果是的話請接受一個。 –

相關問題