html - 使用 span 用圆圈包围数字

我创建了一个 Ionic 页面，用于<ion-grid>将数字 1 - 10 放在两行上。单击时，单击的数字<span>变为深蓝色以表示选择。

在添加之前float: right，当发生这种选择时，它只会围绕数字周围的一个狭窄区域，形成一个椭圆。添加后float: right，点击的数字被一个圆圈包围，边缘和数字之间有足够的空间，应该是这样。但是，浮动现在影响网格并将其移动到页面的右侧。

如何在网格居中的情况下进行这项工作，但单击时数字不会移动？

标签： htmlcssionic-framework

这只是一个简单的 css 事情。跨度不是块级元素。在跨度上设置display: block;以获得正确的蓝色圆圈，并根据margin: 0 auto;需要将跨度设置为网格元素内的中心。不需要花车。