javascript – 使用希伯来语数字自定义编号

前端之家收集整理的这篇文章主要介绍了javascript – 使用希伯来语数字自定义编号前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我希望有一个使用希伯来字母数字的编号列表,这在希伯来语书籍中很常见.拉丁表示法使用数字0-9,希伯来语按字母顺序编号,但有一些例外,其中值改变了.我不知道这在CSS中是否可行,但也许它在 JavaScript中.

我基本上喜欢这样的东西:

<ol>
  <li>First Line</li>
  <li>Second Line</li>
  <li>Third Line</li>
</ol>

变成这样的事情:

.hebrew-numeral {
  padding-left: 10px;   
}
<table dir="rtl">
  <tbody>
    <tr>
      <td class="hebrew-numeral">א</td>
      <td>First Row</td>
    </tr>
    <tr>
      <td class="hebrew-numeral">ב</td>
      <td>Second Row</td>
    </tr>
    <tr>
      <td class="hebrew-numeral">ג</td>
      <td>Third Row</td>
    </tr>
  </tbody>
</table>

http://jsfiddle.net/rfkrocktk/pFkd7/

有没有办法在CSS或JavaScript中执行此操作?我可以像上面的例子一样使用一个表,但这真的是最好的方法吗?

解决方法

您可以使用CSS的list-style-type:hebrew属性轻松完成此操作
ol { list-style-type: hebrew; }
<h1>Test</h1>
<ol>
  <li>One</li>
  <li>Two</li>
  <li>Three</li>
</ol>

请参见此处的示例:http://jsbin.com/icehis/2

原文链接:https://www.f2er.com/js/159550.html

猜你在找的JavaScript相关文章