【问题标题】:What is display:ruby什么是显示:红宝石
【发布时间】:2017-08-11 09:18:21
【问题描述】:

在查看 display properties 的 CSS 草案规范时,遇到了这个属性

display:ruby

一点点搜索解释,用于显示日文字符。

  • 这是唯一的用例吗? (将它用于普通文本并没有做任何特别的事情,此外,chrome 将其标记为无效属性)
  • 它与我们通常的块容器有什么不同?

【问题讨论】:

标签: css display


【解决方案1】:

From HTML5 docs

ruby 元素允许使用 ruby​​ 注释标记一个或多个短语内容跨度。 Ruby 注释与基本文本一起呈现的短文本,主要用于东亚排版中作为发音指南或包含其他注释

所以基本上你可以用它来发音任何语言。但它并不限制您仅用于此目的。

【讨论】:

  • 任何实时示例?正如我所说...将其应用于普通文本并没有多大作用:(
  • @luciferous 您希望在拉丁字母文本中使用什么?它有它自己的用途,如果你能找到其他使用它的方法 - 这取决于你。
  • 当我有一个文本和除该文本之外的一些筹码时,这对我很有用,即使我使用了word-wrap 和其他方法,它并没有给我一个像ruby 那样酷的风格,这允许文本不换行并且芯片换行
【解决方案2】:

我在使用 a 标签将整个块占用一个 li 时遇到了问题,所以,我使用了 ruby​​,它没有占用整个块空间,也没有破坏其余视觉结构的格式。

【讨论】:

  • 你好 kulkul,欢迎来到 SO。很高兴看到您做出贡献,但是,答案可能/应该更详细。请查看stackoverflow.com/help/how-to-answer,以进一步了解如何以使我们心爱的 SO 保持高标准的方式进行回答。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-10-17
  • 2019-06-22
  • 2015-07-28
  • 1970-01-01
  • 2010-10-06
  • 2011-04-26
相关资源
最近更新 更多