如何检测CSS区域中的下溢

Question

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

.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返回“合体”，即使文字只占用区域的一小部分。我认为改变区域有一个最大高度而不是高度，但我如何检索最大高度与div的offsetHeight属性进行比较？

Answer 1

你可以这样做：

var element = document.getElementById('idhere'); 
var maxHeight = element.style.maxHeight; 

Answer 2

其实，根据我发现的文件，

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

听起来像overset确实是你想要的值。

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

Answer 3

我终于找到的答案是

 var element = document.getElementById("Leg1"); 
     var style = window.getComputedStyle(element); 
     var maxHeight = style.getPropertyValue("max-height");