HTML的注音排版和其它

  1. 云栖社区>
  2. 博客>
  3. 正文

HTML的注音排版和其它

zephyr 2019-08-05 09:26:56 浏览387
展开阅读全文

ruby 标签

记得很多年前,我用 CSS 折腾了一个注音的排版格式,与别人交流时,别人问我,“为什么你不直接使用 ruby 标签呢?” 那时我才知道 HTML 中有一个叫 ruby 的标签是专门用来处理注音场景的。

  <p>
    <ruby>你好<rt style="color: red;">ni hao</rt></ruby>
  </p>
  <p>
    <ruby>你好<rt style="color: red;">ni hao</rt></ruby>
  </p>

结果会显示成:

image.png

当时,只是这样,其实你没有办法控制注音与正文之间的间距,我尝试了一些方式,发现这样处理可以:

  &

网友评论

登录后评论
0/500
评论
zephyr
+ 关注