css中如何表示分数和小数

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

在CSS中,表示分数和小数可以使用font-variant-numeric属性。{ font-variant-numeric: slashed-zero; } 以上代码可以用来表示带有斜线零的分数和小

在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值来表现数字,可以使你的网页更加美观。

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: css中如何表示分数和小数

粉丝

0

关注

0

收藏

0

已有0次打赏