首页 > 解决方案 > 使用 html+css 在某些 html 标签(或 div、class、id 等)中将十进制数(动态更改)样式更改为罗马或片假名?

问题描述

到处搜索,但在 css 中只找到了列表样式指南和计数器样式指南,但没有成功。
所以我有例如<html-tag class="class" id="id">23</html-tag>使用 vue watch 动态更改 html-tag 中的数字(计数器)。我想以大写罗马或片假名显示数字(基本上是现代浏览器支持的任何已知格式)
首选答案是简单的 html+css 或简短的 js 实现

标签: javascripthtmlcssvue.js

解决方案


你需要Intl.NumberFormat

例如

// the nu extension key requests a numbering system, e.g. Chinese decimal
console.log(new Intl.NumberFormat('zh-Hans-CN-u-nu-hanidec').format(number));
// → 一二三,四五六.七八九

推荐阅读