跳到主内容
UniKit

文字竖排

把横排文字转成竖排:支持自右向左 / 自左向右、标点旋转(竖排专用形)、半角全角化、字号与行高,输出可粘贴的竖排文本与 HTML 片段。

浏览器本地运行所有计算都在你的浏览器里完成,数据不会离开本机。

排列方向
2

把 ()「」《》 等成对标点换成竖排形 ︵︶﹁﹂︽︾。

竖排预览

列数: 1

你好,世界
你
好
,
世
界
<div style="writing-mode: vertical-rl; text-orientation: upright; font-size: 18px; line-height: 2">你好,世界</div>

这个工具能做什么

  • 做封面、海报或竖排标题时,先把横排文字转成竖排纯文本,再粘进设计软件或文档里,不用手动逐字回车。
  • 在聊天工具、论坛这类不支持 writing-mode 的地方发竖排文字,用逐字换行的纯文本模拟直排效果。
  • 需要传统自右向左排版时,把原文的每一行变成一列、列间空一行,从右往左读就是正常语序。
  • 直接生成可贴进页面的 HTML 片段:writing-mode 与 text-orientation 都已写好,复制即用。

示例

输入

你好,世界
Hello (UniKit)

输出

你
好
,
世
界

H
e
l
l
o
 
︵
U
n
i
K
i
t
︶

这是默认设置(自右向左、标点旋转开、全角关)的结果:括号会换成竖排专用形 ︵ ︶,原文每一行变成一列,列与列之间空一行。

常见问题

竖排文本和 CSS 的 writing-mode 有什么区别?

这里输出的是纯文本,每个字后面加一个换行,粘到任何地方都能用;writing-mode 是浏览器渲染方式,只能用在网页里。工具同时提供写好的 HTML 片段,两种场景都能覆盖。

为什么括号和引号变成了奇怪的字符?

默认开启「标点旋转」,会把 ( ) 「」『』《》【】 等换成 U+FE30–U+FE4F 的竖排专用形,字面朝向才对得上。不想要竖排形就取消勾选。

中英文混排会怎样?

逐字换行,英文单词会被拆成一个个字母。想让 ASCII 字符在竖排里等宽对齐,可以勾选「半角转全角」,数字与字母会变成全角字符(空格变成全角空格)。

空输入或只有空行会怎样?

转换前会统一换行符并去掉末尾空行;空文本输出也是空,不会报错。多行文本的列数以非空行数为准。

我的文字会被上传吗?

不会。转换与预览都在浏览器本地用 JavaScript 完成,页面不发送任何网络请求,断网也能用。

关键词:vertical text文字竖排竖排writing-mode直排标点旋转全角竖排文本

同类工具