CSS dominant-baseline:middle文字垂直居中效果实例页面

展示

代码

• HTML：

  <svg>
      <text x="50%" y="40%">感谢您对<tspan x="50%" y="60%">《CSS新世界》<tspan>的支持</text>
  </svg>

• CSS：

  svg {
      border: 1px dotted;
  }
  text {
      font-size: 1.5rem;
      text-anchor: middle;
      dominant-baseline: middle;
  }