xml:space

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

SVG 支持内置的 XML xml:space 属性来处理元素内的空白字符。元素内的子元素也可以拥有一个 xml:space 属性,该属性会覆盖父元素的属性。

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

此属性会影响浏览器如何解析文本内容,从而改变 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>

规范

规范
Scalable Vector Graphics (SVG) 2
# WhitespaceProcessingXMLSpaceAttribute

浏览器兼容性