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

web前端开发规范  缩进
前端 开发规范
前端开发规范化

html 代码

<!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>
前端开发规范doc
airbnb前端开发规范
ipad 前端开发规范
» 本文来自:前端开发者 » 《前端开发js控制字数个数,超出后以省略号显示》
» 本文链接地址:https://www.rokub.com/7090.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!