文本溢出处理

最新推荐文章于 2024-07-11 13:54:14 发布

喵姑娘呀

最新推荐文章于 2024-07-11 13:54:14 发布

阅读量174

点赞数

分类专栏： css学习记录文章标签： text-overflow: ellipsis; 文本溢出处理京东快报新闻实现

本文链接：https://blog.csdn.net/weixin_43389331/article/details/89813346

版权

在做京东首页时，遇到京东新闻那一块，文本溢出需求做…处理

京东效果图
html代码

 <div class="jd_news">
                <div class="news">
                    <div class="news_hd">
                        <h5 class="news_title">京东快报</h5>
                        <a href="#" target="_blank" class="news_more">更多<i class="news_more_icon"></i>
                        </a>
                    </div>
                    <ul class="news_list">
                        <li>
                            <a href="#" target="_blank" class="news_link">
                                <span class="news_tag">热评</span>