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小编还为您精选了以下内容,希望对您有所帮助:- 做蚕丝被为什么要杀蛹
- Redmi K50入网!曝K50宇宙即将开启:骁龙8、天玑9000等旗舰芯全覆盖
- 中国疾控中心主任高福:世界如不共享疫苗,病毒将共享世界
- 如何将旧iPhone数据转移过来? 两台苹果手机靠近迁移
- 《雪中悍刀行》徐凤年骂王仙芝要将他揍成地瓜 为什么王仙芝不生气
- 近300斤举重女将怎样睡“纸板床”?本人回应后,网友被逗笑了 jrs低调看高清直播
- 300斤举重女将这样睡纸板床 老胡的春天全文免费阅读
- 发发发!2018年打麻将财神方位一览表
- 父亲节微信祝福语 送出你对父亲深的祝福和爱! 父亲节祝福语
- 手机如何将图片缩小到20k?怎么指定压缩图片大小? 手机照片怎么缩小尺寸