87,997
社区成员




<style>
.ellips{position:relative;width:100px;height:60px;line-height:20px;overflow:hidden;background:#eee}
.ellips .dot{position:absolute;right:0px;bottom:0px;height:20px;background:#fff}
</style>
<div class="ellips"><div class="dot">...</div>div relative定位定高定宽,内部放个个浮动层浮动在右下角字</div>
<body>
<div id='view' style='width:200px;height:70px;overflow:auto'></div>
<script>
s = '条件:<br>\
div css javascript html<br>\
如何实现多行文本中最后一行文本最后自动显示省略号(如三行文本,文本自动换行后,第三行很长,自动显示省略号)';
el = document.getElementById('view');
n = el.offsetHeight;
for(i=10; i<s.length; i++) {
el.innerHTML = s.substr(0, i);
if(n <= el.scrollHeight) break;
}
el.style.overflow = 'hidden';
el.innerHTML = s.substr(0, i-3) + '...';
</script>