Javascript 如何折叠段落并用';替换其余内容';?
嗯,我在一段中有内容,可能是这样的:Javascript 如何折叠段落并用';替换其余内容';?,javascript,jquery,html,css,dom,Javascript,Jquery,Html,Css,Dom,嗯,我在一段中有内容,可能是这样的: <div style="width:30px"> <p>12345678901234567890abcdefghijklmnopqrstuvwxyzIlovePaulinaVega</p> </div> 12345678901234567890abcdefghijklmnopqrstuvwxyzIlovePaulinaVega 我们都知道,由于父内容的宽度,内容将被分成许多行,但我只想保留前两行,其余
<div style="width:30px">
<p>12345678901234567890abcdefghijklmnopqrstuvwxyzIlovePaulinaVega</p>
</div>
12345678901234567890abcdefghijklmnopqrstuvwxyzIlovePaulinaVega
我们都知道,由于父内容的宽度,内容将被分成许多行,但我只想保留前两行,其余的被替换为“…”。我想知道如何完成它。请告诉我。
p{
文本溢出:省略号;
空白:nowrap;
溢出:隐藏;
}
12345678901234567890abcdefghijklmnopqrstuvwxyzIlovePaulinaVega
试试这个
JsFiddle:
CSS:
这里有一个类似的问题,我试过了,但我需要保留两行。如果允许的话,添加一个固定的高度。@Patrickgao91:这里的
行是什么意思?对不起……我的英语很差……只是一段文字,不是吗?或者你正计划做其他事情/嗯,我用“SSSSSSSSS…”替换了中的内容(但是,很多ss),它不起作用。。。但还是要谢谢你。我认为这个问题应该用jquery解决
p {
line-height: 1.5em;
height: 3em;
text-overflow:ellipsis;
overflow: hidden;
}