我知道有很多类似的问题,但没有一个能帮助我解决这个问题。我有非常简单的设置:
.wrapper {
width: 100%;
display: table;
}
.dontBreakmyLine {
display: table-cell;
}
.iCanUseWhatIsLeft {
display: table-cell;
}
<div class="wrapper">
<div class="dontBreakmyLine">
Some generated text
</div>
<div class="iCanUseWhatIsLeft">
Another generated text
</div>
</div>
现在我需要将第一个 div 拉伸到内容,并让另一个 div 占据剩余空间。我知道第一个 div 中生成的文本的最大宽度将为 300px,但 max-width 在这里不起作用,正如我所希望的那样。请问有什么建议吗?
可能有更好的方法,但是如果您不介意换行,您可以将左侧单元格设置为较小的宽度,并将文本设置为不在空格上换行
这是一个小提琴
http://jsfiddle.net/hqWaU/ http://jsfiddle.net/hqWaU/
.wrapper {
width: 100%;
display: table;
}
.dontBreakmyLine {
display: table-cell;
width: 1px;
white-space:nowrap;
}
.iCanUseWhatIsLeft {
display: table-cell;
}
div {
border: 1px solid silver;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)