css - CSS：如何在奇怪的情况下强制换行？

Question

看看这个小提琴，它试图在黄色 div 中包装文本而不设置其宽度或外部 div 宽度 - 仅使用内部 div 的宽度

我可以做些什么来实现这一目标吗？

多谢

Answer 1

尽管为什么不将#h's width 设置为 100 是没有意义的，但您可以试试这个：

#a{
    background-color: grey;
    padding:5px;
    display: table;
}
#b{
    width: 100px !important;
    background-color: orange;
    line-height: 15px;
    padding:5px;
    display: table-cell;
}
#h{
    background-color: yellow;
    line-height: 15px;
    padding:5px;
    display: table-row;
}

如果您告诉我们为什么您不想#h明确定义 's 宽度，我认为我们可以为您提供更多帮助，但我希望这对您有所帮助。