css文本溢出边界显示为省略号

文本溢出边界显示为省略号

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>前端abc-qdabc.cn</title>
        <style>
        /*此方法FireFox5.0尚不支持*/
            .box{
                width: 200px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                background-color: greenyellow;
            }
        </style>
    </head>
    <body>
        <div class="box">
            <a href="#">文本溢出边界显示为省略号</a>
        </div>
    </body>
</html>

欢迎分享本文,转载请保留出处:前端ABC » css文本溢出边界显示为省略号

分享到:更多 ()

发表评论 0