我遇到一些文本溢出到父级 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/