CSS 实现文字竖排并设置间距

CSS 实现文字竖排并设置间距

<div class="vertical-title">我是竖排文字</div>

1、设置writing-mode属性

.vertical-title {writing-mode: vertical-lr;letter-spacing: 10px;}

效果：

2、文字旋转90°

.vertical-title {transform:rotate(90deg);-ms-transform:rotate(90deg); /* IE 9 */-moz-transform:rotate(90deg); /* Firefox */-webkit-transform:rotate(90deg); /* Safari 和 Chrome */-o-transform:rotate(90deg); /* Opera */}

效果：