1

我正在使用 asp.net 。我正在尝试修复 div 的高度。我将所有数据隐藏在溢出中。这是我的代码示例：

    <div id="Content" style="height: 90px !important; overflow: hidden; text-decoration: none;
    text-overflow: ellipsis; display: block; white-space: nowrap;">
    abcd<br />
    efgh<br />
    ijkl<br />
    mnop<br />
    qrst<br />
    uvwx<br />
</div>

我想显示 ijkl 的内容，我想More...在溢出部分显示这里是一个演示：

 abcd
 efgh
 ijkl
 more..

但我无法得到这个输出。我想给内联css。请帮我。

就，关于

4

3 回答 3

1

您可以在 div 下方添加标签，如下所示：

<div id="Content" style="height: 90px !important; overflow: hidden; text-decoration: none">
    abcd<br />
    efgh<br />
    ijkl<br />
    mnop<br />
    qrst<br />
    uvwx
</div>
<label style="display: none">more..</label>

当文本像这样溢出时，使用 jquery 来玩它的可见性：

$(function(){
    if($('#Content')[0].scrollHeight > $('#Content').height())
        $('#overflowLabel').show();
});

jsFiddle

于 2013-09-16T11:38:25.473 回答
0

这是你想要的吗

演示

HTML

<div id="Content" style="height: 60px !important; overflow: hidden;text-overflow:ellipsis; text-decoration: none;
    display: block; white-space: nowrap;">
    abcd<br />
    efgh<br />
    ijkl<br />
    mnop<br />
    qrst<br />
    uvwx<br />
</div>
于 2013-09-16T11:26:35.913 回答
0

可以通过（JQuery API）。请在此处浏览此链接并使其成为可能。

于 2013-09-18T07:23:47.890 回答