将span 元素的书写方向从横向改为纵向

如果你想将`<span>`元素的书写方向从水平方向改为垂直方向，通常情况下，HTML本身并不支持这样的直接转换，因为`<span>`元素是一个块级元素，它的默认样式是按照从左到右、从上到下的线性流布局。但是，你可以通过CSS来实现这一效果，特别是在一些需要特殊展示效果的地方，如CSS Grid或 Flexbox 结合 CSS 的 `writing-mode` 属性。

例如，如果要用 Flexbox 实现，可以将容器的方向设置为竖直（`flex-direction: column`），然后让`<span>`元素自身也沿垂直方向排列：

.parent {
  display: flex;
  flex-direction: column; /* 设置为竖直方向 */
}

.span-element {
  writing-mode: vertical-rl; /* 从右到左的垂直书写 */
}

对于`<span>`元素本身，你需要配合`transform: rotate(90deg)`或者`rotateX(90deg) rotateY(-90deg)`等旋转变换来实现文字的垂直显示，但这可能会导致其他布局问题。

注意：并非所有浏览器都完美支持`writing-mode`属性，特别是老版本的浏览器可能无法正常显示。