如何在 td 中用标签类包装跨度答案

【问题标题】：How to wrap span with label class in td如何在 td 中用标签类包装跨度
【发布时间】：2014-07-23 08:39:20
【问题描述】：

我需要在范围内显示一个项目列表，其中包含类“标签”：

<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> 中。

如果您对如何进行有任何建议...

【问题讨论】：

问题不清楚？您面临的问题是什么？

标签： html twitter-bootstrap

【解决方案1】：

为您的 td 设置最大宽度。

td {
    max-width:230px;
}

还将您的标签浮动到左侧并将显示更改为display:block;

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

See my demo

【讨论】：

【解决方案2】：

如果只需要换行 td 元素，则需要先将表格布局样式设置为固定，然后将 td 换行样式设置为断字。

table{
    table-layout: fixed;
}

td{
    word-wrap:break-word;
}

如果你需要包装你的跨度：

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

查看jsfiddle

【讨论】：