xml:space

已弃用:此功能不再推荐。尽管某些浏览器可能仍然支持它,但它可能已从相关的 Web 标准中删除,可能正在被弃用,或者可能仅出于兼容性目的而保留。避免使用它,并尽可能更新现有代码;请参阅本页底部的兼容性表,以指导您的决策。请注意,此功能可能随时停止工作。

SVG 支持内置的 XML xml:space 属性来处理元素内部的空白字符。元素内部的子元素也可以具有覆盖父元素的 xml:space 属性。

注意:请勿使用 xml:space 属性,而应使用 white-space CSS 属性。

此属性影响浏览器解析文本内容的方式,因此会改变构建 DOM 的方式。因此,通过 DOM API 更改此属性的值可能无效。

元素

您可以将此属性与任何 SVG 元素一起使用。

使用说明

default | preserve
默认值 default
可动画
default

设置此值后,将按以下顺序处理空白字符

  1. 删除所有换行符。
  2. 将所有制表符转换为空格字符。
  3. 删除所有前导和尾随空格字符。
  4. 将所有连续的空格字符折叠成单个空格字符。
preserve

此值告诉用户代理将所有换行符和制表符转换为空格。然后,它绘制所有空格字符(包括前导、尾随和多个连续空格字符)。

例如,字符串“a   b”(“a”和“b”之间有三个空格)比“a b”(“a”和“b”之间有一个空格)将“a”和“b”分隔得更开。

示例

html
<svg viewBox="0 0 160 50" xmlns="http://www.w3.org/2000/svg">
  <text y="20" xml:space="default">    Default    spacing</text>
  <text y="40" xml:space="preserve">    Preserved    spacing</text>
</svg>

规范

规范
可缩放矢量图形 (SVG) 2
# WhitespaceProcessingXMLSpaceAttribute

浏览器兼容性

BCD 表仅在浏览器中加载