文字收起和展开

最新推荐文章于 2024-09-12 18:02:32 发布

荔枝桂圆草莓

最新推荐文章于 2024-09-12 18:02:32 发布

阅读量39

点赞数

文章标签： html 前端

本文链接：https://blog.csdn.net/2201_75663407/article/details/129731974

版权

宇鑫物流成立于2003年，拥有1400多名员工和7000余从业人员，主要业务涉及物流、商流等五流合一的模式。公司运营9个子公司、1个合资公司、9个分拨中心，服务网络遍布河南、陕西等多个省份，辐射中西部地区。

摘要由CSDN通过智能技术生成

<style>
.text_left {
    line-height: 30px;
    display: -webkit-box;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 9;
    cursor: pointer;
    font-size: 18px;
}
.text_left_on {
    line-height: 30px;
    display: -webkit-box;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 0;
    cursor: pointer;
    font-size: 18px;
}
</style>

<div class="con_left_com">
                    <div class="img_left">
                        <img src="" alt="">
                    </div>
                    <div id="test_text" class="text_left">
                        河南宇鑫（集团）物流有限公司（以下简称宇鑫物流），成立于2003年1月16日。现有员工1400多人，从业人员7000余人，各类专业技术人员达70%。目前拥有9个子（分）公司、1个合资公司、9个分拨中心、455个网点、900余辆配送车辆、仓库近40万平方米，业务覆盖河南、陕西湖北、山东、安徽、江苏、四川、湖南、浙江、上海及山西、甘肃等地辐射整个中西部地区，形成了物流、商流、信息流、资金流、薪金流五流合一的现代物流模式.（集团）物流有限公司（以下简称），成立于2003年1月16日。现有员工1400多人，从业人员7000余人，各类专业技术人员达70%。目前拥有9个子（分）公司、1个合资公司、9个分拨中心、455个网点、900余辆配送车辆、仓库近40万平方米，业务覆盖河南、陕西、湖北、山东、安徽、江苏、四川、湖南、浙江、上海及山西、甘肃等地辐射整个中西部地区，形成了物流、商流、信息流、资金流、薪金流五流合一的现代物流模式
                    </div>
                    <button id="btn-no-absolute">展开</button>
 </div>

 <script>
     
     window.onload = function (e) {
            document.getElementById("btn-no-absolute").onclick = function (e) {
                if ($("#test_text").hasClass("text_left_on")) {
                    $("#test_text").removeClass("text_left_on").addClass("text_left");
                    $("#btn-no-absolute").text('展开')
                } else {
                    $("#test_text").removeClass("text_left").addClass("text_left_on");
                    $("#btn-no-absolute").text('收起')
                }
            };
        }
    
    </script>

展开是把-webkit-line-clamp: 9;设置为0