美文网首页js
js控制字数个数,超出后以省略号显示

js控制字数个数,超出后以省略号显示

作者: 干炸里脊不如你 | 来源:发表于2019-06-19 10:18 被阅读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>

相关文章

网友评论

    本文标题:js控制字数个数,超出后以省略号显示

    本文链接:https://www.haomeiwen.com/subject/holhqctx.html