CSS:多行元素的文本省略号(*****五颗星)

多行元素的文本省略号:

overflow: hidden;  /* 溢出隐藏 */

            text-overflow: ellipsis; /* 溢出用省略号显示 */

            display: -webkit-box; /* 作为弹性伸缩盒子模型显示。 */

            -webkit-box-orient: vertical;  /* 设置伸缩盒子的子元素排列方式:从上到下垂直排列 */

            -webkit-line-clamp: 7; /* 显示的行数 */

例如:

<style>
        p {
            width: 250px;
            height: 150px;
            background-co

剩余60%内容,订阅专栏后可继续查看/也可单篇购买

前端面试题 文章被收录于专栏

前端面试的一些常问问题、问题的具体实现(可直接运行)以及底层原理

全部评论
学习充充电
1 回复 分享
发布于 2023-02-13 15:12 湖南
活到老学到老
1 回复 分享
发布于 2023-02-13 14:36 四川

相关推荐

不愿透露姓名的神秘牛友
11-21 11:29
已编辑
斯卡蒂味的鱼汤:知道你不会来数马,就不捞你😂最近数马疯狂扩招,招聘要求挺低的,你能力肯定够,应该就是因为太强了,知道你不会来才不捞你
投递腾讯云智研发等公司7个岗位
点赞 评论 收藏
分享
10-31 13:04
南华大学 Java
嵌入式的小白:很多面试,面试前不会去打扰cto的,但一般cto不会在这些小事上刷人,只能说这个cto比较操心,啥重要不重要,紧急不紧急的,估计都会过问,平淡看待吧
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务