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