css - CSS Line 围绕垂直方向的文本

Question

我想实现一个带有一行的文本： ------------ TEXT ------------

正如这里所解释的： CSS 技术用于中间有单词的水平线

但我需要它垂直定向，因为它会通过设置

writing-mode: vertical-rl;
text-orientation: mixed;

我将如何实现这一目标？

Answer 1

试试这个，

span:after,span:before{
  content:"\00a0\00a0\00a0\00a0\00a0";
  text-decoration:line-through;
}
h2{
  writing-mode: vertical-rl;
  text-orientation: mixed;
  margin:0;
}

<h2><span>vertically</span></h2>