Html 将字母表与网格对齐

如果有办法的话，我想把我的字母对齐到一个网格上，这样它们就可以均匀分布

：

#参考文献{
宽度：300px；
高度：314px；
背景：url(https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/e8d3c127753367.5652fa344a341.png)不重复；
背景大小：100%；
浮动：左；
裕度：0 10px 0 0；
}
.box{float:left；}
/**/
.盒子{
背景:#fc3927；
框大小：边框框；
宽度：300px；
高度：314px；
字体：粗体26px衬线；
颜色：白色；
}
.box ol{
列表样式：无；
保证金：0自动；
宽度：60%；
填充：1em 0；
宽度：7em；
溢出：自动；
}
李先生{
浮动：左；
宽度：1米；
文本对齐：居中；
边缘：0.2米；
}
.box ol:第一个孩子李：第n个孩子（9）{
右边距：0；
}
.box ol:第一个孩子李：第n个孩子（9），
.box ol:第一个孩子李：第n个孩子（10）{
宽度：0.5em；
宽度：0.5em；
}
.box ol:第一个孩子李：第n个孩子（10）{
左边距：0；
}
A
B
C
D
E
F
G
H
我
J
K
L
M
N
O
P
Q
R

T
U
五
W
X
Y
Z
0
一,
二,
三,
四,
五,
六,
七,
八,
九,

有很多方法。。。。虽然我们不在这里编写代码，但请发布您的代码，我们将尝试将其放入flexbox Workbook中。我最近使用它做了一些类似的事情：请包含您的HTML代码和用于设置样式的CSS。现在有一个官僚主义在起作用。