3

将文本流入多个区域时，如果文本将溢出到后续区域（如果有），则 javascript 属性 regionOverset 返回“overset”，如果文本不会溢出该区域（但可能无法完全填充）则返回“fit”我检测到最后一个区域是否没有被完全填满？想象一下像这样的样式表

.flow-source {-webkit-flow-into: flow;  -ms-flow-into: flow;}
.flow-container {-ms-flow-from: flow; -webkit-flow-from: flow;}
 #Leg1     {width: 8rem; height: 22rem;}

和 HTML 内容，如

<div class="flow-source" id="content" align="justify"> ...text here... </div>
<div class=flow-container id=Leg1></div>

即使文本只占区域的一小部分，regionOverset 也会返回“fit”。我考虑将区域更改为具有最大高度而不是高度，但是如何检索最大高度以与 div 的 offsetHeight 属性进行比较？

4

3 回答 3

1

我最终找到的答案是

       var element = document.getElementById("Leg1");
       var style = window.getComputedStyle(element);
       var maxHeight = style.getPropertyValue("max-height");
于 2013-10-02T00:16:01.407 回答
1

你可以做：

var element = document.getElementById('idhere');
var maxHeight = element.style.maxHeight;
于 2013-10-01T02:29:36.367 回答
0

实际上，根据我找到的文档，

overset表示该区域是链中的最后一个，并且没有足够的空间来显示剩余的内容。

听起来overset确实是您想要的价值。

请参阅http://docs.webplatform.org/wiki/apis/css-regions/Region/regionOverset。
另请参阅http://docs.webplatform.org/wiki/apis/css-regions/NamedFlow/firstEmptyRegionIndex

于 2013-10-01T03:08:59.687 回答