什么是CSS ruby​​-align属性?

时间:2015-05-23 18:34:45

标签: html css html5 css3

我看到一篇提到ruby-align财产的文章,我从来没有听说过。我检查了w3schools以获得一些这方面的例子,但我根本看不到它。

http://www.w3schools.com/cssref/default.asp

我知道Ruby是HTML5的新标签,所以我想看看HTML Reference中是否有任何内容。

我发现红宝石被用作东亚印刷术。我也没有找到关于它的css属性的任何内容。

我也看到Stack Overflow甚至没有这个属性的标签。

有没有人真正知道这个属性的作用?

这个属性或ruby标签是否有任何用处?

在任何谈论这个属性的地方都有参考吗?它不在w3schools上。

2 个答案:

答案 0 :(得分:4)

我建议您阅读Mozilla Hacks article。我在这里包括相关部分:

  

<强>简介

     

什么是红宝石?简而言之,ruby是一个额外的文本,通常很小,   附在主要文本上,用于表示发音或含义   相应的字符。这种注释很广泛   用于日本出版物。书籍在中文中也很常见   儿童,教育出版物和词典。

     

enter image description here

     

基本用法

     

基本上,ruby支持由四个主要标记组成:<ruby>,   <rb><rt><rp><ruby>是包装整体的标记   ruby结构,<rb>用于标记法线中的文本,   <rt>用于注释,<rp>是隐藏的标记   默认。使用四个标签,上面的结果可以从中实现   以下代码:

     
<ruby>
  <rb>とある<rb>科学<rb>の<rb>超電磁砲</rb>
  <rp>(</rp><rt>とある<rt>かがく<rt>の<rt>レールガン</rt><rp>)</rp>
</ruby>
     

高级支持

     

除了ruby的基本用法之外,Firefox现在提供支持   更高级的案例。

     

默认情况下,如果注释的宽度与其基数不匹配   文本,较短的文本将被证明是合理的,如示例中所示   以上。但是,这种行为可以通过   ruby-align财产。除了默认值   (space-around),它也可以使内容与双方对齐   (space-between),居中(center),或与起点对齐   (start)。

答案 1 :(得分:1)

  

ruby​​-align CSS属性定义了不同的分布   基地上的红宝石元素。

更多信息here。听起来它是实验性的,只有Firefox中的supported