Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/373.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 查看文本何时更改Div大小_Javascript_Jquery_Html - Fatal编程技术网

Javascript 查看文本何时更改Div大小

Javascript 查看文本何时更改Div大小,javascript,jquery,html,Javascript,Jquery,Html,我有一个div,一个包含一些内容的容器,它可以改变大小以适应其中的文本。我希望div的大小保持不变 我正在动态地更改此内容,我希望能够知道文本何时太大而无法装入容器,并剪掉使容器增长的文本部分 大概是这样的: 有可能做到这一点吗?我相信你不需要Javascript,但你只需要CSS就可以解决它。为容器提供固定高度并隐藏溢出物: div{ 线高:1米; 高度:2米; 宽度:10em; 边框:1px纯红; 溢出:隐藏; 边缘底部:1米; } 布拉布拉布拉布拉布拉布拉 呜呜呜呜 哦,不 集装箱换

我有一个div,一个包含一些内容的容器,它可以改变大小以适应其中的文本。我希望div的大小保持不变

我正在动态地更改此内容,我希望能够知道文本何时太大而无法装入容器,并剪掉使容器增长的文本部分

大概是这样的:


有可能做到这一点吗?

我相信你不需要Javascript,但你只需要CSS就可以解决它。为容器提供固定高度并隐藏溢出物:

div{
线高:1米;
高度:2米;
宽度:10em;
边框:1px纯红;
溢出:隐藏;
边缘底部:1米;
}

布拉布拉布拉布拉布拉布拉
呜呜呜呜 哦,不
集装箱换了 它的大小来修复文本! 我得去掉一些 这篇烦人的文章
我相信你不需要Javascript,但你只需要CSS就可以解决它。为容器提供固定高度并隐藏溢出物:

div{
线高:1米;
高度:2米;
宽度:10em;
边框:1px纯红;
溢出:隐藏;
边缘底部:1米;
}

布拉布拉布拉布拉布拉布拉
呜呜呜呜 哦,不
集装箱换了 它的大小来修复文本! 我得去掉一些 这篇烦人的文章
使用Css
文本溢出:

例如:

文本溢出:剪辑
将在容器的末尾剪切单词

文本溢出:省略号将在最后一个可见字符后输入“…”


是一个很好的演示…

使用Css
文本溢出:

例如:

文本溢出:剪辑
将在容器的末尾剪切单词

文本溢出:省略号将在最后一个可见字符后输入“…”


是一个很好的演示…

没有侦听器可以更改大小。可以设置检查高度的间隔(以下示例)。或者更好:在更新文本时执行检查

setInterval(函数(){
如果($(“#容器”).height()>42){
//用容器做些什么
}

}, 50); // 你可以改变时间,让你的船漂浮在水面上
没有人愿意改变大小。可以设置检查高度的间隔(以下示例)。或者更好:在更新文本时执行检查

setInterval(函数(){
如果($(“#容器”).height()>42){
//用容器做些什么
}

}, 50); // 可以将时间更改为任何漂浮在船上的时间
是的,这是可能的。您可以固定潜水舱或容器的高度,并使overflow-y自动

小提琴演示:

.static{
溢出y:自动;
高度:100px;
溢出x:隐藏;
宽度:200px;
边框:1px纯红;
}
.right{float:right}
.left{float:left}
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一位不知名的印刷商拿起一个打印工具,将其拼凑成一本打印样本书。它不仅存活了五个世纪,而且还跨越到电子排版,基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行,最近随着Aldus PageMaker等桌面出版软件的发布,包括Lorem Ipsum版本。
esse cillum dolore eu fugiat
是的,这是可能的。您可以固定div或容器的高度,并使overflow-y自动

小提琴演示:

.static{
溢出y:自动;
高度:100px;
溢出x:隐藏;
宽度:200px;
边框:1px纯红;
}
.right{float:right}
.left{float:left}
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一位不知名的印刷商拿起一个打印工具,将其拼凑成一本打印样本书。它不仅存活了五个世纪,而且还跨越到电子排版,基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行,最近随着Aldus PageMaker等桌面出版软件的发布,包括Lorem Ipsum版本。
esse cillum dolore eu fugiat
问题是,如果我通过隐藏溢出来隐藏div中的一些文本,我将无法访问使其变大的部分。我没有提到,但这是我想做的事。我想保存额外的文本。您想如何处理溢出的文本?也许可以尝试
溢出:自动
。然后,如果文本溢出,就会出现滚动条。我想保存它并将其放在一边。显示没有溢出的文本并保存剩余的文本。然后呢?你在哪里重复使用它?请再解释一下。我想把我写的东西的一些段落用不同的颜色显示在一个盒子里。当我单击一个按钮时,会出现另一个大小相同的框,其中包含更多的文本。颜色是分级的,所以你会有一个彩色的,彩虹般的盒子,每个盒子都包含一小段文字,按下按钮就会一个接一个地显示出来。但别介意,这不相关。我已经有了显示框等等。我只是想知道如何处理溢出的文本。问题是,如果我通过隐藏溢出来隐藏div中的一些文本,我将无法访问使其变大的部分。我没有提到,但这是我想做的事。我想保存额外的文本。您想如何处理溢出的文本?也许可以尝试
溢出:自动
。然后,如果文本溢出,就会出现滚动条。我想保存它并将其放在一边。显示没有溢出的文本并保存剩余的文本。然后呢?你在哪里重复使用它?请解释