Question

当文本流入多个区域时，如果文本将溢出到后续区域（如果有），则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”。我考虑过将区域更改为最大高度而不是高度，但是如何检索max-height以与div的offsetHeight属性进行比较？

Answer 1

你可以这样做：

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

Answer 2

我最终找到的答案是

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

Answer 3

实际上，根据我发现的文件，

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

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

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

如何检测CSS区域中的下溢

3 个答案: