GWT计算div中的行数[重复]答案

【问题标题】：GWT count the number of rows in a div [duplicate]GWT计算div中的行数[重复]
【发布时间】：2012-10-25 14:50:40
【问题描述】：

可能重复：
How to get number of rows in <textarea >?

我在页面布局中有一个 div，用户将在其中输入文本：

 <div> user text will go here </div>

我想计算用户输入文本后 div 在布局中实际占据的文本行数。请注意，这将根据屏幕分辨率或窗口大小而有所不同。

有办法吗？

更好的是，有没有办法以像素为单位获取 div 高度？

我正在使用 GWT，但 JavaScript 解决方案也可以。

谢谢！

【问题讨论】：

【解决方案1】：

更好的是，有没有办法以像素为单位获取 div 高度？

如果您有com.google.gwt.user.client.Element，请致电

element.getClientHeight()

来自 getClientHeight() 的 Javadoc：

以像素为单位返回元素的内部高度，包括填充但不包括水平滚动条的高度、边框或边距。

如果你有一个小部件，例如com.google.gwt.user.client.ui.Label，使用

label.getElement().getClientHeight()

在某些情况下，在Scheduler.scheduleDeferred 中调用它可能很有用，以确保在执行高度计算之前应用了所有样式。

【讨论】：

一旦你有了一个 div 高度，正如 Chris 建议的那样，你可以根据需要将它除以 line-height 属性来获取行数。
另外，您可以直接在小部件上调用 getOffsetHeight()，而无需获取其元素。
@Andrei：好点。但请注意，getOffsetHeight() 在 Widget 上可用，而 getClientHeight()（在这种情况下是正确的）不可用。只要 div 上没有填充/边框，它就是相同的值。