Переполнение в div

Question

Я использую 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. Пожалуйста, помогите мне.

Отношении

Answer 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

Answer 2

это то, что вы хотите

DEMO

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> 

Answer 3

Можно через (JQuery API). Пройдите по этой ссылке here и сделайте это возможным.