首页 话题 小组 问答 好文 用户 我的社区 域名交易

[分享]css中如何表示分数和小数

发布于 2024-11-11 19:26:08
0
13

在CSS中,表示分数和小数可以使用font-variant-numeric属性。

{
    font-variant-numeric: slashed-zero;
} 

以上代码可以用来表示带有斜线零的分数和小数。另外,还有其他可用的值:

  • lining-nums:指定使用等高数字表示文本。
  • oldstyle-nums:指定使用旧式数字表示文本。
  • proportional-nums:指定把数字按字符宽度的百分比显示。
  • tabular-nums:指定将方块数字按数字宽度显示。

例如,以下代码可以用来表示带有旧式数字和等高数字的分数和小数:

{
    font-variant-numeric: oldstyle-nums;
}
{
    font-variant-numeric: lining-nums;
} 

尝试使用不同的font-variant-numeric值来表现数字,可以使你的网页更加美观。

评论
91云脑
Lv.1普通用户

62845

帖子

12

小组

80

积分

站长交流