CSS：如何在奇怪的情况下强制执行自动换行？

Question

看看it is tried to wrap text in the yellow div without setting its width or the outer divs width - only by using the width of the inner div

这个小提琴

我能做些什么来实现这个目标吗？

非常感谢

Answer 1

虽然为什么你不能将#h的宽度设置为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的宽度，我们可以帮助你更多，但我希望无论如何这都有帮助。