js控制字数个数，超出后以省略号显示
2019-06-19 本文已影响0人
干炸里脊不如你
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
div{ width: 100px;
line-height: 24px;
height: 48px;
border:1px solid #ccc;
margin: 0 auto;
overflow: hidden;
}
</style>
</head>
<body>
<div id="demo">
你猜我是谁你猜我是谁你猜我是谁你猜我是谁你猜我是谁你猜我是谁你猜我是谁你猜我是谁你猜我是谁你猜我是谁你猜我是谁你猜我是谁你猜我是谁你猜我是谁你猜我是谁你猜我是谁你猜我是谁
</div>
<script>
var oBox=document.getElementById('demo');
var demoHtml = oBox.innerHTML.slice(0,10)+'...';
oBox.innerHTML = demoHtml;
</script>
</body>
</html>
