Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.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
Css 使用a的可见文本<;p>;隐藏溢出_Css_Text_Paragraph - Fatal编程技术网

Css 使用a的可见文本<;p>;隐藏溢出

Css 使用a的可见文本<;p>;隐藏溢出,css,text,paragraph,Css,Text,Paragraph,事实上,我想我的问题不会有答案,但我尝试一下。。。 有没有办法只处理溢出div中文本的可见部分 我的意思是,有一个高度为300px的div,其中动态文本的高度大约为500-600px。我创建了一个toogle来显示所有内容。在“折叠”状态下,我想将“…”放在最后一行的末尾。有人认为这是可能的吗?是的,这是可能的: p { text-overflow: ellipsis; white-space: nowrap; } 更多信息: 编辑:这似乎仅适用于单行图元。我为多行找到的另一

事实上,我想我的问题不会有答案,但我尝试一下。。。 有没有办法只处理溢出div中文本的可见部分

我的意思是,有一个高度为300px的div,其中动态文本的高度大约为500-600px。我创建了一个toogle来显示所有内容。在“折叠”状态下,我想将“…”放在最后一行的末尾。有人认为这是可能的吗?

是的,这是可能的:

p { 
    text-overflow: ellipsis;
    white-space: nowrap;
}
更多信息:


编辑:这似乎仅适用于单行图元。我为多行找到的另一个解决方案是:

,我认为这只适用于一行。乘法行也减少到1行,并且“…”出现在行的末尾,但这并不完全是我要寻找的。这是我的示例,您可以看到,只有1行出现,但3行应该: