将div超出部分省略号 css超出省略号文字显示( 二 )

2.超出部分隐藏 overflow:hidden;
3.文字省略号代替超出的文本 text-overflow:ellipsis;
多行文本省略号显示overflow: hidden;/*文字省略号代替*/text-overflow: ellipsis;/* 弹性伸缩盒子模型显示 */display: -webkit-box;/* 限制在一个块元素显示的文本的行数 */-webkit-line-clamp: 3;/* 设置或检索伸缩盒对象的子元素的排列方式 */-webkit-box-orient: vertical;margin负值运用(练习！)前置知识点：
relative — 相对定位占位置
absolute — 绝对定位不占位置
float —- 浮动不占位置
文字环绕效果浮动 — 压不住下面标流的图片和文字。
行内块可以单独设置宽高一排显示text-align:center — 给父亲元素添加，可以让子盒子(行内块/行内元素)水平居中。
京东三角形巧妙运用 div {/* 1.宽高为0 */width: 0;height: 0;/* 2.只保留需要的边框颜色 */border-color: transparent transparent red transparent;/* 3.边框是实线 */border-style: solid;/* 4.保留需要的边框大小，剩下的为 0 */border-width: 0 0 100px 50px;}?<div> </div>

以上关于本文的内容，仅作参考！温馨提示：如遇健康、疾病相关的问题，请您及时就医或请专业人士给予相关指导!

「四川龙网」www.sichuanlong.com小编还为您精选了以下内容，希望对您有所帮助：