ruby元素

今天看大漠的文章时见到了ruby元素，所以打算记录下来，仅做参考，如有欠妥，欢迎指正。目前只有Firefox浏览器有较好的支持。

ruby是用于对东南亚字形进行注释，就像语文课本的拼音： 例如:

中 zhong 国 guo

<ruby>
  <rb>中</rb>
  <rt>zhong</rt>
  <rb>国</rb>
  <rt>guo</rt>
</ruby>

元素

元素	注释
ruby	作为所有ruby元素的容器, 用于关联基本文本和ruby文本
rbc	在复杂的ruby标记中作为rb标签的容器，一个ruby元素中只能出现一个rbc元素
rb	作为基本文本元素，rbc中允许出现多个rb元素，每个rb元素都有一个对应的rt元素
rtc	ruby文本容器元素， ruby元素中最多可以出现两个元素
rt	ruby文本元素，可以包含内联元素，但不能将ruby作为子元素

ruby-position、ruby-merge、ruby-align

ruby-position：

属性	注释
over	对于水平的基本文本ruby显示在上面，对垂直的基本文本ruby文本现在其右边
under	对于水平的基本文本ruby显示在下面，对垂直的基本文本ruby文本现在其左边
inter-character	对于水平的基本文本，ruby文本现在渲染在每个基本文本的右边，但是会强制ruby文本垂直显示

ruby-align： 这个属性决定了ruby盒子在内容没有完全填充满时各自的分布情况。

属性值	描述
start	相对于盒子的开始对齐
end	居中对齐
pace-between	均匀分布ruby内容
space-around	将ruby内容均匀分布在盒子内，但不一定会填充边缘到边缘的空间