css文字多行溢出隐藏,且不影响文本最后一行同行的元素

作者: 小枫枫

临枫的项目经历分享给你们啦~

扫码交朋友

标签:

特别声明:文章有少部分为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!

 

效果图:

完整代码:

<!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>
    <style>
        .text {
            width: 200px;
            margin: 0 auto;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            /* .text::before 的 height 是距离顶部的距离 于此line-height有关系 */
            line-height: 20px; 
            border:1px solid red;
        }
        .text span {
            float: right;
            clear: left;
            color: blue;
            cursor: pointer;
        }
        .text img {
            float: left;
            clear: right;
        }
        .text::before {
            content: '';
            float: left;
            width: 1px;
            height: 20px;
        }
    </style>
</head>
<body>
    <div class="text">
        <img src="" alt="">
        <span>查看更多>></span>
        党的二十大对“坚决打赢反腐败斗争攻坚战持久战”作出战略部署,其中就包括“深化整治权力集中、资金密集、资源富集领域的腐败”。
        二十届中央纪委二次全会公报则点名指出,要深化整治金融、国有企业、政法、粮食购销等权力集中、资金密集、资源富集领域的腐败。
        29日晚,中央纪委国家监委公开通报十起粮食购销领域违纪违法典型案例,涉及政策性粮食收储、销售、轮换及监管等重点环节,涉案金额大,情节恶劣。
        通报提到,中储粮集团公司原党组成员、副总经理徐宝义接受他人请托,违规向中储粮集团公司负责招标代理的工作人员打招呼,帮助某招标公司进入中储粮集团公司招标代理机构名录;利用职务便利,在粮食物流仓储经营、收储库点确定等方面,为他人谋取利益,收受贿赂1300余万元,涉嫌受贿犯罪。
        山西省原粮食局党组书记、局长杨随亭违规同意所属粮库与民营企业采用赊销方式轮换储备粮,造成国有资产损失1489万余元;违反财经法律法规,安排使用储备粮补贴支付机关运行费用1152万余元;利用职务便利,在涉粮项目合作、粮食储备指标分配等方面,为他人谋取利益,收受贿赂1400余万元,涉嫌受贿犯罪。
    </div>
</body>

</html>
分享到:
打赏

作者: 小枫枫, 转载或复制请以 超链接形式 并注明出处 小枫枫不疯喔
原文地址: 《css文字多行溢出隐藏,且不影响文本最后一行同行的元素》 发布于2023-1-30

评论

切换注册

登录

您也可以使用第三方帐号快捷登录

切换登录

注册

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏