Jquery 如何在包裹在li元素上的span元素中放置相同的宽度

我的代码是：

.qty{
显示：内联块；
最小宽度：10px；
填充：3px7px；
字体大小：12px；
字号：700；
线高：1；
颜色：#fff；
文本对齐：居中；
空白：nowrap；
垂直对齐：基线；
边界半径：10px；
位置：相对位置；
底部：20px；
背景色：#137EC4；}
纳姆先生{
显示：内联块；
最小宽度：10px；
填充：3px7px；
字体大小：12px；
字号：700；
线高：1；
颜色：#fff；
文本对齐：居中；
空白：nowrap；
垂直对齐：基线；
边界半径：10px；
位置：相对位置；
底部：3px；
背景色：#137EC4；
}

x
举出一个
0.8
2.


x
名字长
9.99
2.


x
说出三个名字
104.5
3.

如果您希望实现类似表格的行并垂直对齐跨度，您可以尝试

HTML

<li>
    <span> Number 1 </span>
    <span class='qty'> 2.5 </span>
    <span class='num'> 1 </span>
</li>
<li>
    <span> Number 2 </span>
    <span class='qty'> 5.0 </span>
    <span class='num'> 2 </span>
</li>

检查小提琴

---

希望有帮助：）

我们解决了你的问题吗？如果是的话，选择一个正确的答案就好了！好了，好了。。。。。。

li {
    width: 250px;
    height: 35px;
}

span.qty, span.num {
    float:right; 
    padding: 2px 1px;
    border-radius: 5px;
    background-color: #0088cc;
    color: white;
    margin: 0 1px;
}