此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

tspan

基线 广泛可用 *

自 2015年7月 起,此特性已在主流浏览器中得到支持,可在大多数设备和浏览器版本中正常使用。

* 此特性的某些部分的支持程度可能有所不同。

<text>元素中,利用内含的tspan元素,可以调整文本和字体的属性以及当前文本的位置、绝对或相对坐标值。

使用上下文

类别文本内容元素、文本内容子元素
允许的内容字符数据和任意数量、任意顺序的下列元素:
描述性元素
<a><animate><set><tspan>

示例

html
<svg viewBox="0 0 240 40" xmlns="http://www.w3.org/2000/svg">
  <style>
    text {
      font: italic 12px serif;
    }
    tspan {
      font: bold 10px sans-serif;
      fill: red;
    }
  </style>

  <text x="10" y="30" class="small">
    你
    <tspan>不是</tspan>
    香蕉!
  </text>
</svg>

属性

全局属性

专有属性

DOM 接口

该元素实现了 SVGTSpanElement 接口。

浏览器兼容性

参见