时间戳

首页 > 解决方案 > 如何对齐文本编号？

html - 如何对齐文本编号？

问题描述

我怎样才能让这个文本正确对齐？我想要 9 比 19 中的 9。

在此处输入图像描述

这是循环并打印数字的代码块。

for(i=1; i<37; i++)
{
    var inTrack = IsInArray(i, state.track);
    var lessThan10 = i<10;
    var newLine = i%10 == 0;

    if(inTrack && lessThan10) show += "<span id='tracked'>&nbsp;&nbsp;"+i+"</span>";
    if(inTrack && !lessThan10) show += "<span id='tracked'>&nbsp;"+i+"</span>";
    if(!inTrack && lessThan10) show += "<span id='untracked'>&nbsp;&nbsp;"+i+"</span>";
    if(!inTrack && !lessThan10) show += "<span id='untracked'>&nbsp;"+i+"</span>";
    if(newLine) show += "<br/>";
    show +="\t";
}

这是跟踪和未跟踪号码的样式。

#untracked {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 14px;
  color: #0f0101;
  font-weight: normal;
  text-decoration: none;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
}

#tracked {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 14px;
  color: #4802b9;
  font-weight: normal;
  text-decoration: none;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
}

标签： htmlcss

解决方案

你做对了。只需使用单行距字体。

推荐阅读