Html 为web游戏记分板编写CSS布局

我想就如何在CSS中编码一个游戏记分板，使其看起来像所附的参考图纸的一些建议。玩家1和玩家2在每个记分框上方居中，所有元素在记分板容器中居中

试试这个：

.记分牌{ 文本对齐：居中； 填充：25px； } .玩家{ 显示：内联块； 填充：15px； } .播放器h4{ 字体大小：粗体； } .记分箱{ 边框：3倍纯黑； 填充：30px； 颜色：2CB3C9； } 玩家1 15 玩家2 10

---

您希望设计在不同的屏幕大小或调整大小时表现如何？另外，最大分数是多少位数？最大分数是64。记分员应保持这种布局，即球员1和球员2始终并排。球员2的分数可能会低于球员1的分数，且尺寸足够小，即在小型设备上或记分板可能收缩的任何其他情况下。如果这不是所需的功能，则可能需要根据视口大小处理某种类型的缩放。