Css 我无法使文本溢出到工作索引div容器

我正在研究这个例子： 正在尝试截断标题、命名链接和描述

溢出：隐藏；
宽度：35%；
文本溢出：省略号；
空白：nowrap；

我不要任何包装。我只希望文本被截断，以适应在主框内的一行。

---

我已经尝试了很多解决方案，但没有任何运气。

确保添加

显示：块

或

显示：内联块

，以使其工作。内联元素不能截断文本或改变宽度

试一试：

.desc {
    display: block;
    width: 35%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

---

确保添加

display:block

或

display:inline block

以使其工作。内联元素不能截断文本或改变宽度

试一试：

.desc {
    display: block;
    width: 35%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

---

将

float:left

赋值给

.desc

类将封装元素

.box.box主体{
显示器：flex；
弯曲方向：行；
证明内容：之间的空间；
对齐项目：居中；
}
.箱体{
字体大小：14px；
}
.box\u img{
弹性基准：15%；
}
.box\uu meta{
弹性基准：80%；
左边距：15px；
}
.盒子{
边框：1px实心；
填充：10px；
}
.缩略图{
宽度：150px；
最小宽度：45%；
最小高度：100px；
}
h3{
字体大小：15px；
边际：0px；
空白：nowrap；
溢出：隐藏；
文本溢出：省略号；
最大宽度：75厘米；
}
img{
垂直对齐：中间对齐；
}
a{
溢出：隐藏；
宽度：35%；
文本溢出：省略号；
空白：nowrap；
文本对齐：左对齐；
}
.描述{
溢出：隐藏；
宽度：35%；
文本溢出：省略号；
空白：nowrap；
浮动：左；
}

JS-Bin
收割台收割台
foobar foobar foobar foobar fooboo酒吧fooboo酒吧fooboo酒吧fooboo酒吧

将

float:left

赋值给

。desc

类将封装元素

.box.box主体{
显示器：flex；
弯曲方向：行；
证明内容：之间的空间；
对齐项目：居中；
}
.箱体{
字体大小：14px；
}
.box\u img{
弹性基准：15%；
}
.box\uu meta{
弹性基准：80%；
左边距：15px；
}
.盒子{
边框：1px实心；
填充：10px；
}
.缩略图{
宽度：150px；
最小宽度：45%；
最小高度：100px；
}
h3{
字体大小：15px；
边际：0px；
空白：nowrap；
溢出：隐藏；
文本溢出：省略号；
最大宽度：75厘米；
}
img{
垂直对齐：中间对齐；
}
a{
溢出：隐藏；
宽度：35%；
文本溢出：省略号；
空白：nowrap；
文本对齐：左对齐；
}
.描述{
溢出：隐藏；
宽度：35%；
文本溢出：省略号；
空白：nowrap；
浮动：左；
}

JS-Bin
收割台收割台
foobar foobar foobar foobar fooboo酒吧fooboo酒吧fooboo酒吧fooboo酒吧

谢谢。如果我在h3和链接上应用float，那么标题（名为linked）和desc将并排粘贴。但是您应该将float添加到.desc类中，这样才能防止溢出对不起。我不明白。我想删掉一切，而不仅仅是描述。谢谢。如果我在h3和链接上应用float，那么标题（名为linked）和desc将并排粘贴。但是您应该将float添加到.desc类中，这样才能防止溢出对不起。我不明白。我想删掉一切，而不仅仅是描述。谢谢。我想我可以得到全文和大宽度，然后文本将被截断时，框变小。应该是这样还是我做错了什么。谢谢。我想我可以得到全文和大宽度，然后文本将被截断时，框变小。应该是这样还是我做错了什么。