[前端开发笔记] ruby 标签的使用方法


羟基氢

羟基氢 - 4月25日 17:54

有时需要使用到 ruby 标签,而在使用 类jinja 模板开发时很容易出现的问题就是多个 ruby 标签之间的空格问题

ruby 的正常用法是(和别的某些教程中的不一致,感觉是对方错了):

<ruby><rb>漢</rb><rt>ㄏㄢˋ</rt></ruby>

在涉及到多个ruby的时候,需要注意两个ruby标签之间是否有空格,以实现控制显示时是否有空格

例如

<ruby><rb>啊</rb><rt>a</rt></ruby><ruby><rb>啊</rb><rt>a</rt></ruby>
<ruby><rb>啊</rb><rt>a</rt></ruby><ruby><rb>啊</rb><rt>a</rt></ruby>

会显示四个“啊”字,其中前两个和后两个中间没有空格,而第二个和第三个之间会有一个空格


本文发布协议: CC-BY-SA 3.0


羟基氢

羟基氢 - 4月25日 17:57

因此可以用这种方法在使用模板的同时尽可能不破坏排版

{% for i, j, k in line.0 %}<ruby>
  <rb>{{ j }}</rb>
  <rt>{{ i }}</rt>
</ruby>{% if k %} {% endif %}{% endfor %}

错误示例:

{% for i, j, k in line.0 %}
  <ruby>
    <rb>{{ j }}</rb>
    <rt>{{ i }}</rt>
  </ruby>
  {% if k %}{# I want to add a space only when k is True. #}{% endif %}
{% endfor %}

发表回复前请先登录