我有一份结果列表需要展示给用户,它的格式如下:
胜利:1 | 15 | 33 |
失败:7 | 65 | 100 |
这些数字都在一个无序列表中,设计看起来差不多可以成功。问题是,如果其中一个数字像上面那样变成三位数(我希望它们在顶部和底部对齐),那么这个问题就很可能出现。
所以我试着通过调整
胜利:1 | 15 | 33 |
失败:7 | 65 | 100 |
这些数字都在一个无序列表中,设计看起来差不多可以成功。问题是,如果其中一个数字像上面那样变成三位数(我希望它们在顶部和底部对齐),那么这个问题就很可能出现。
所以我试着通过调整
li
元素的大小来解决它。#my_list li
{
width: 100px; /*Exmaple width*/
}
这似乎没有起到任何作用,所以我四处寻找教程来制作导航栏。这些教程展示了在<a>
标签中调整大小,但我没有任何链接与这些数字相关。
所以我的问题是,有没有一种方法可以调整li标签本身的宽度?如果没有,是否有一个HTML5标签适合包含这些数字,然后像链接的a标签一样调整该元素的大小?
感谢您的帮助。