CSS文字竖排效果并每个字之间有间距
时间: 2024-02-24 16:56:12 浏览: 96
您可以使用以下CSS样式来实现文字竖排效果并添加间距:
```css
.vertical-text {
writing-mode: vertical-rl;
text-orientation: mixed;
letter-spacing: 0.5rem; /* 调整间距 */
}
```
然后在HTML中应用该样式:
```html
<div class="vertical-text">
<p>您要竖排的文字</p>
</div>
```
注意:这种效果在一些旧版浏览器上可能无法正常显示。
阅读全文