如何在td中用标签类包装span

Question

我需要显示一个项目列表，其中包含类＆＃34;标签＆＃34;在里面：

<td>
    <span class="label label-default">My Item 1223</span>
    <span class="label label-default">My Item 2378</span>
    ....
    <span class="label label-default">My Item 898389 </span>
</td>

我的问题是那些跨度不会包裹在我的桌子里。如下所示：

我不知道如何将其包裹在我的<td>中。

如果您对如何继续有任何建议......

Answer 1

将最大宽度设置为您的td。

td {
    max-width:230px;
}

同时将标签浮动到左侧，并将显示更改为display:block;

.label{
    display:block;
    float:left;
}

See my demo

Answer 2

如果只需要包装td元素，首先需要将表格布局样式设置为fixed，然后将td自动换行样式设置为断字。

table{
    table-layout: fixed;
}

td{
    word-wrap:break-word;
}

如果你需要包裹你：

span {
    word-wrap: normal;
    display: inline-block;
    }

选中此jsfiddle