css多行实现打点

针对现代浏览器、移动端、小程序实现多行打点:

<style>
.box{
    width: 200px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
</style>
<div class="box">
旗下拥有:专业的中文IT技术社区: CSDN.NET;移动端开发者专属APP: CSDN APP、CSDN学院APP;新媒体矩
阵微信公众号:CSDN资讯、程序人生、GitChat、CSDN学院、AI科技大本营、区块链大本营、CSDN云计算、
GitChat精品课、人工智能头条、CSDN企业招聘;IT技术培训学习平台: CSDN学院;技术知识移动社区: 
GitChat;IT人力资源服务:科锐福克斯;高校IT技术学习成长平台:高校俱乐部
</div>

 实现效果:

css多行实现打点

 

小程序:

<view class="box">
    【大众点评与美团网合并 王兴张涛担任联席CEO】大众点评网与美团网今天联合发布声明,宣布达成战略合作,双方已共同成立一家新公司。新公司将实施Co-CEO制度,美团CEO王兴和大众点评CEO张涛将同时担任联席CEO和联席董事长,重大决策将在联席CEO和董事会层面完成。
</view>
<style>
.box{
	width: 200px; 
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

</style>

css多行实现打点

上一篇:75亿美元!微软正式收购GitHub!


下一篇:捷信2020年亏45亿元:CEO称今年肯定盈利 在华两高管离职 近半年投诉激增万条