html - DIV 内容超出父级的宽度

标签 html css

我遇到一些文本溢出到父级 div 之外的问题。我试过

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

但无济于事。

Here是我的代码的 JSFiddle。看起来 DD 元素位于 div 之外。如何在不指定固定宽度的情况下将其强制放入内部?

最佳答案

你的 <dd>元素没有宽度可以溢出。

查看此更新 demo .

更新

看起来像display:table-cell在这种情况下导致了这个问题。删除此样式和设置 display:flex;父包装器解决了这个问题。

查看此 demo .

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

关于html - DIV 内容超出父级的宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30124840/

相关文章:

html - css编码风格——选择器嵌套

css - 如果由于固定尺寸 div 中的溢出属性而隐藏段落,如何在固定位置显示段落?

html - 我可以在 css 中指定 maxlength 吗?

html - CSS3 占位符悬停过渡在 Firefox 中不起作用

html - 是否有 css 或 html 属性来使输入标签的内容居中?

html - 如果 child 较小,则继承​​父宽度 - child 定位绝对

html - CSS 两列布局

javascript - IE 6 中的 HTML5 自定义数据属性是否为 “work”?

javascript - 如何在 js/css 中用逗号分隔数组中的字符串?

css在两个div之间添加一条分割线