DIV内容超过父亲的宽度

Question

我在父母的div之外遇到了一些文字溢出的问题。我试过

element.style {
  text-overflow: ellipsis;
  overflow: hidden;
}

但无济于事。

Here是我的代码的JSFiddle。看起来DD元素超出了div。如何在不指定固定宽度的情况下将其强行插入？

Answer 1

您的<dd>元素没有宽度溢出。

请参阅此更新demo。

<强>更新

在这种情况下，display:table-cell似乎导致了问题。删除此样式并将display:flex;设置为父包装可以解决问题。

请参阅此demo。

Flexbox适用于动态内容和响应式设计，而display:table-cell;似乎陷入了静态宽度。