css系列---【css實現div超出隱藏出現省略號,鼠標懸浮顯示效果】


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    .box{
        /* 單行省略 */
        /* width: 100px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all; */

        /* 多行省略 */
        overflow: hidden;
        /* text-overflow: ellipsis; */
        display: -webkit-box;
        -webkit-line-clamp: 1; 
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }
</style>
<body>
    <div class="box" title="顯示全部得內容">新文化最新消息股票這公告一出_明日或將上漲,觸底將會反彈_散戶注意_輸入代碼緊急診股,新文化最新消息股票_快速布局超跌反彈股!滿倉買進好時機!后期走勢有望成為本月優股!超跌反彈股!滿倉買進好時機!后期走勢有望成為本月優股!</div>
</body>
<script>

</script>
</html>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM