如何包装跨度标签类TD

我需要表现出与类“标签”跨度项目清单内：如何包装跨度标签类TD

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

我的问题是，这些跨度并不在我的表换。正如你可以看到下面：

enter image description here

我不知道如何着手，使之在我<td>包裹。

如果您有关于如何进行的任何建议...

来源

2014-07-23 Alex Grs

问题不明确？你面临的问题是什么？ –

设置一个最大宽度到您的TD。

td { 
    max-width:230px; 
}

还浮在标签的左侧和改变你的显示器display:block;

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

See my demo

来源

2014-07-23 09:03:31 GCallie

谢谢。你的解决方案就像一个魅力。 –

如果你需要的是包装的TD元素，你需要先表布局样式设置为固定，然后设置TD自动换行风格来打破单词。

table{ 
    table-layout: fixed; 
} 

td{ 
    word-wrap:break-word; 
}

如果你需要用你跨越：

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

入住这jsfiddle

来源

2014-07-23 08:48:44 SalemRady

如何包装跨度标签类TD

回答

相关问题