我在同一行上有两个框(或者你可以称它们为列)。
两者都有动态宽度，并且它们必须在同一行(或行)上。
让我详细说明:
.----------container 570px-----------.
|[box1] [box2]| The perfect situation
| |
|[box1box1box1box1box1box1box1][box2]| A nice situation
| |
|[box1box1box1box1box1box1box1] | But when [box1] and [box2] are too big,
| [box2box2box2box2box2]| [box2] breaks to a new line
| |
|[box1box1b...][box2box2box2box2box2]| I need [box1] to get ellipsed
|____________________________________|
有没有办法只用 CSS 来实现？因为使用 Javascript，我可以只获取 box2 的大小并设置 box1 的新 width。
您有适用于 IE9 的 CSS 规则，这太棒了。
最佳答案
sass 等工具允许您在样式表中设置变量，但这与使用 javascript 一样简单。恐怕没有办法在 css 中进行这种计算。
我唯一的建议是在两个 div 上设置一个 max-width 以确保另一个 div 有自己的空间。
关于html - 同一行上两个具有动态大小的框的CSS，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24835732/