Html 数据表中的换行字

Html 数据表中的换行字,html,css,datatables,Html,Css,Datatables,我有以下内容: <td style="max-width:200px;" class="sorting_1"> <i class="fa fa-circle text-success"></i> <span style="width: 200px;"> Публикация: "The Myth of Ponce de León and the Fountain of Youth"

我有以下内容:

<td style="max-width:200px;" class="sorting_1">
<i class="fa fa-circle text-success"></i>
<span style="width: 200px;">
    Публикация: "The Myth of Ponce de León and the Fountain of Youth"                                    
</span>

<div class="mt-1">
    <span class="text-small text-muted">
        ID: 23843933046690590                                        
    </span>
</div>
</td>

Пббббббббббббббб1073
识别号:2384393046690590
但是span没有得到200px的宽度,并扩展到400+px-


如何将宽度限制为200px并在此单元格中换行?

您需要添加
display:block
display:inline block

.maxWidth{
宽度:200px;
显示:内联块;
}

Пббббббббббббббб1073
识别号:2384393046690590

另一个想法是使用JS或C#从输入跨度的字符串中删除空白

在JS中:

myString=myString.trim();
在C#中:

myString=myString.Trim();
如果这不能解决问题,请尝试将
中的内容放在一行中,如下所示:

ID:2384393046690590
由于默认情况下span的内容是内联的,所以空格将计入内容的长度