是否可以为 html 电子邮件创建垂直文本方向?
Is it possible to create a vertical text direction for html email?
我需要创建一个 html 电子邮件。是否可以在 html 电子邮件的 table 中创建垂直文本方向,如下所示:
请注意垂直方向的文字"Belgium SABE.LIX ...."。 html 电子邮件中可以吗?
此文字是竖排的
<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>
这就是您要查找的内容吗,因为它会旋转文本,您只需要将其左对齐或其他方式即可。
.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>
我需要创建一个 html 电子邮件。是否可以在 html 电子邮件的 table 中创建垂直文本方向,如下所示:
请注意垂直方向的文字"Belgium SABE.LIX ...."。 html 电子邮件中可以吗?
此文字是竖排的
<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>
这就是您要查找的内容吗,因为它会旋转文本,您只需要将其左对齐或其他方式即可。
.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>