text-combine-upright与文字水平合并实例页面

展示

代码

• HTML：

  <h4>默认</h4>
  <p>CSS新世界</p>
  <h4>text-combine-upright:all</h4>
  <p class="upright"><span>CSS</span>新世界</p>
  <h4>对比writing-mode还原</h4>
  <p class="initial"><span>CSS</span>新世界</p>

• CSS：

  p {
      writing-mode: vertical-rl;
      font-size: 200%;
  }
  .upright span {
      -ms-text-combine-horizontal: all;
      text-combine-upright: all;
      -webkit-text-combine: horizontal;
  }
  .initial span {
      writing-mode: initial;
  }