Css twitter引导标签的最大宽度

我正试图通过标签实现类似的功能

看起来是这样，但问题是我希望每个标记都有一个最大宽度，所以若标记的长度太大，它就会被截断

我可以通过以下方式实现：

.label{
    width: 50px;    
    float: left;    
    overflow: hidden;  
}

好的，它可以工作，但是当我这样做的时候，我的号码是

我怎样才能达到与第一把小提琴相同的效果，但宽度最大。

你可以给出

 float:left; 

也可以是span.multiple，以便span和标签位于同一行中

.multiple{
    float:left;
}

---

这应该可以做到：

.label {
    display: inline-block;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

. 我在这里所做的是删除

float:left

，并将其替换为

display:inline块

。然后我给了它一个省略号

文本溢出

属性，使它看起来更漂亮，并将

垂直对齐

设置为

中间

，使其与

多个

元素对齐。哦，我已经用

max width

替换了

width

，以阻止较小的标签大小相同

示例用法 下面是一个具有多个标记的示例（每个标记都有意位于新行上）：

---

显然，您可以相应地调整

最大宽度。
您可以将线条高度添加到两者

.label, .multiple {
  line-height: 15px;
}

这是链接。
你真的试过了吗？和我刚才说的一样，它不起作用。谢谢你的回答。
.label, .multiple {
  line-height: 15px;
}