文字超过一部分掩藏的两种方式

日期:2021-01-20 类型:科技新闻 

关键词:h5互动游戏,微信h5怎么制作,h5转盘抽奖,h5测试制作,凡科H5

文字超过一部分掩藏,总结两种方式。

1、单行掩藏

html编码

<div class="mi">当文本超出范畴的情况下,超过一部分会掩藏起来。</div>

css编码

.mi {
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}

2、多行掩藏

html编码

<div class="mi">当文本超出范畴的情况下,超过一部分会掩藏起来。能够设定第几行刚开始掩藏。</div>

css编码

.mi {
    width: 200px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}

以上便是本文的所有內容,期待本文的內容对大伙儿的学习培训或工作中能带来1定的协助,另外也期待多多适用脚本制作之家!

上一篇:CSS3完成点一下变大的动漫案例编码 返回下一篇:没有了