Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/409.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 隐藏溢出文本块的开头:隐藏_Javascript_Jquery_Html_Css_Overflow - Fatal编程技术网

Javascript 隐藏溢出文本块的开头:隐藏

Javascript 隐藏溢出文本块的开头:隐藏,javascript,jquery,html,css,overflow,Javascript,Jquery,Html,Css,Overflow,我有一个div元素,它故意对其中的文本太小。我希望溢出被隐藏,但我希望div中的文本是文本块的“底部”,即要显示的句子结尾和要隐藏的句子开头 如果我能得到一个省略号就更好了,例如,不要用常规的省略号来切掉句子的结尾: |猫跳了过去| 我希望在街区的边缘有一个省略号,即 |…越过高墙| 有人能帮我吗?这里有一个方法: 1) 将文本放置在一个包装器元素中,该元素的位置:绝对和底部:0 2) 因为文本总是大于外部分区的宽度……正如问题所说: 我有一个div元素,故意对文本来说太小了 里面 …我们可以使

我有一个div元素,它故意对其中的文本太小。我希望溢出被隐藏,但我希望div中的文本是文本块的“底部”,即要显示的句子结尾和要隐藏的句子开头

如果我能得到一个省略号就更好了,例如,不要用常规的省略号来切掉句子的结尾:

|猫跳了过去|

我希望在街区的边缘有一个省略号,即

|…越过高墙|

有人能帮我吗?

这里有一个方法:

1) 将文本放置在一个包装器元素中,该元素的
位置:绝对
底部:0

2) 因为文本总是大于外部分区的宽度……正如问题所说:

我有一个div元素,故意对文本来说太小了 里面

…我们可以使用外部元素上生成的内容在文本之前设置省略号

div{
宽度:120px;
高度:18px;
溢出:隐藏;
位置:相对位置;
边框:1px纯绿色;
}
部门:以前{
内容:“…”;
显示:内联块;
}
跨度{
位置:绝对位置;
底部:0;
}
猫跳过了篱笆
是否尝试向div添加一些css?