Javascript 根据大小限制HTML内容

Javascript 根据大小限制HTML内容,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个包含大量内容的文件(基本上是文本),我需要使用HTML显示它 问题是,我不需要全部显示,只需要部分显示。需要显示的金额未知。已知的是内容在屏幕上所占的大小。比如说,这个文件包含50000个单词。我想要一个屏幕大小,比如说,8 1/2 x 11英寸(我使用的是绝对单位还是相对于屏幕分辨率无关)。因此,在HTML中,我想显示文本中的前x个单词,这样它只占用一页,而不是更多,也不是更少 是否有一种方法可以动态确定文本将占用的大小,然后只显示占用我想要的空间量的大小 所有的变量都是预先知道的,包

我有一个包含大量内容的文件(基本上是文本),我需要使用HTML显示它

问题是,我不需要全部显示,只需要部分显示。需要显示的金额未知。已知的是内容在屏幕上所占的大小。比如说,这个文件包含50000个单词。我想要一个屏幕大小,比如说,8 1/2 x 11英寸(我使用的是绝对单位还是相对于屏幕分辨率无关)。因此,在HTML中,我想显示文本中的前x个单词,这样它只占用一页,而不是更多,也不是更少

是否有一种方法可以动态确定文本将占用的大小,然后只显示占用我想要的空间量的大小

所有的变量都是预先知道的,包括页面大小、字体大小、间距等等。唯一不知道的是在有限的、预先确定的空间内可以容纳多少内容

我认为这个问题有点独特,因为大多数HTML问题都涉及根据内容更改格式,而在这里,我希望根据格式更改内容

我对任何客户端方法都持开放态度,包括jQuery或其他方法,和/或任何服务器端方法(最好是ASP.NET)


谢谢,

我认为您无法计算,因为涉及的因素太多(可能取决于浏览器)


我建议将html拆分为段落(在任意字符位置剪切html通常不是一个好主意,因为这样会导致标记断开)。然后,您可以一次添加一个段落,并检查容器的视线是否过远。

我认为您无法计算,因为涉及的因素太多(可能取决于浏览器)


我建议将html拆分为段落(在任意字符位置剪切html通常不是一个好主意,因为这样会导致标记断开)。然后,您可以一次添加一个段落,并检查容器的视线是否过远。

渲染后,您无法阻止用户更改为缩放因子/字体大小。为什么不选择一个简单的
溢出:隐藏
作为样式?@user2310289或
文本溢出:clip
@user2310289,都是好主意,TY。但我需要知道文本在什么时候停止。我将在第一个页面停止的地方创建第二个页面…在呈现后,您无法阻止用户更改为缩放因子/字体大小。为什么不选择一个简单的
溢出:隐藏
作为样式?@user2310289或
文本溢出:clip
@user2310289,都是好主意,TY。但我需要知道文本在什么时候停止。我将从第一页的结尾处创建第二页…TY。谷歌文档没有类似的功能吗?您可以创建一个文档,将内容拆分为多个页面。我无法想象它在不同的浏览器中呈现出不同的效果。然后可以在MS Word中下载并打开文档,其中每个页面的内容都与中的外观完全一致browser@AYS没错,谷歌文档是一个应用程序,我可以想象谷歌应用了一些严格的跨浏览器格式规则。问微软,他们会告诉你谷歌的文档离真正的微软Word有多远;-)随机html内容不会有如此严格的规则,浏览器css差异是Web设计师必须面对的问题。浏览器更像是一个旁白,关键是重新创建一个布局引擎肯定是一种过火的行为!实际上,这个问题是一个内部使用的更大布局项目的一部分,而不是一个面向公众的网站,所以这就是我要做的。如果我的方法是错误的,也许你不能给我指出大致的方向。好吧,在这种情况下,你只需要意识到这是一个雄心勃勃的项目,正如你所说的,你正在尝试重新创建谷歌文档或Word Online的等价物。在我看来,控制编辑步骤比控制渲染步骤更容易,就像他们所做的那样。谷歌文档没有类似的功能吗?您可以创建一个文档,将内容拆分为多个页面。我无法想象它在不同的浏览器中呈现出不同的效果。然后可以在MS Word中下载并打开文档,其中每个页面的内容都与中的外观完全一致browser@AYS没错,谷歌文档是一个应用程序,我可以想象谷歌应用了一些严格的跨浏览器格式规则。问微软,他们会告诉你谷歌的文档离真正的微软Word有多远;-)随机html内容不会有如此严格的规则,浏览器css差异是Web设计师必须面对的问题。浏览器更像是一个旁白,关键是重新创建一个布局引擎肯定是一种过火的行为!实际上,这个问题是一个内部使用的更大布局项目的一部分,而不是一个面向公众的网站,所以这就是我要做的。如果我的方法是错误的,也许你不能给我指出大致的方向。好吧,在这种情况下,你只需要意识到这是一个雄心勃勃的项目,正如你所说的,你正在尝试重新创建谷歌文档或Word Online的等价物。在我看来,控制编辑步骤比控制渲染步骤更容易,就像他们所做的那样。