防止HTML浏览器剪切文本并显示1/2文本行

Question

假设我的浏览器窗口高105像素,我显示一个文本块,其中每行文本高10像素 - 浏览器将在窗口中显示10行和1/2行(即底线将被垂直剪切).

有没有办法防止这种行为,只看到10行？

我想这样做的原因是我使用HTML小部件(UIWebView)来呈现一个将使用页面翻转范例显示的书.

注意:看起来@page规则可以帮助我实现这一目标,但它们似乎只适用于打印到打印机时.

Answer 1

我猜当您在分配的框/空间中显示它们时，您不知道要显示多少行。另外，您希望将任何可能无法完整看到的行放置到下一页上吗？

我确信这在纯 CSS 中是无法实现的，但使用 jQuery 和页外隐藏 DIV 可能是可能的。基本上将隐藏的 DIV 设置为所需的宽度、填充并使用 jQuery 检查高度。如果太高，请截断文本并重试。