Jquery Span中的文本溢出Div

我将一些文本附加到div，然后在其上应用。这将在父div中创建一个

。这将允许文本溢出，即使在创建

之前，它仍然可以正常工作。我试过：

向跨度中添加溢出

将高度/宽度添加到其固有的跨度

将溢出添加到

的父级

，但这会弄乱我的jquery ui句柄以调整大小

将显示从默认的

表格单元格

更改为

块

和

内联块

我不知道该怎么做，所以这方面的任何帮助都会很棒。我试图使用高度继承和显示/位置更改，但到目前为止还没有。谢谢代码如下：

CSS:

HTML:

闻一口，你就知道这是很严重的事情。烘焙奶油干酪、椰子、蜜饯柑橘和皮革的香味使烤咖啡和烤坚果的口感更加浓郁，渗透着各种感官。深度和复杂性，提供独特的香槟体验。现在喝到2006年。制造了40000箱学士学位

您是否尝试过使用其他CSS操作符，例如：

white-space:pre; /* or pre-wrap - Text will wrap when necessary, and on line breaks. */

word-wrap:break-word; /* this allows unbreakable words to be broken. */

text-wrap:unrestricted; /* Lines may break between any two characters? */

我补充说

.text-block span 
{
    height:inherit;
    width:inherit;
    overflow:inherit;
    text-overflow: ellipsis;
    /*position:inherit;*/
}

---

这似乎解决了所有问题。谢谢你的帮助

您可以添加一个JSFIDLE，将boxfit插件作为外部资源吗？这将有助于其他人更容易地测试它。我试图重新创建它，但没有看到溢出

white-space:pre; /* or pre-wrap - Text will wrap when necessary, and on line breaks. */

word-wrap:break-word; /* this allows unbreakable words to be broken. */

text-wrap:unrestricted; /* Lines may break between any two characters? */

.text-block span 
{
    height:inherit;
    width:inherit;
    overflow:inherit;
    text-overflow: ellipsis;
    /*position:inherit;*/
}