css
notChange
这个作者很懒,什么都没留下…
展开
-
常用css样式-文本超出、三角形角标、水平垂直居中
1、css一行文本超出显示... /* 显示效果: 春节返乡... */ p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 2、多行文本超出显示 ... /* 显示结果: CSDN创立于1999年,是中国最大的IT社区和服务平台, 为中国的软件开发者和IT从业者提供知识传播、职... */ p { display: -webki.原创 2021-02-05 10:30:37 · 426 阅读 · 0 评论 -
单行文本、多行文本显示省略号
单行文本显示省略号 p{ white-space: nowrap; /* 强转为单行*/ overflow: hidden; text-overflow: ellipsis; /* 超出部分显示省略号 */ } 实现效果 多行文本显示省略号 webkit实现方式 p{ display: -webkit-box; /* 将对象作为弹性的伸缩盒子显示 */ -webkit-box-ori...原创 2019-06-26 22:26:45 · 334 阅读 · 0 评论 -
盒子水平和垂直居中
盒子水平和垂直居中 垂直居中的常用三种方法 定义容器 <div class="box1"> <div class="box2"></div> </div> 先让子盒子的上边缘与父盒子的水平位置重叠,再将子盒子往上移动自身的一半 .box1 { width: 300px; height: 300px; border: 1px solid ...原创 2019-06-26 23:22:11 · 215 阅读 · 0 评论 -
css制作小黄人
制作小黄人 实现效果,其中,头发和眼睛有动画效果 制作过程 制作容器 <!-- 容器 --> <div class="wrap"> <!-- 头发 --> <div class="xhr_hair"> <div class="xhr_hair_1"></div> <div class="xhr_hair...原创 2019-06-29 14:31:27 · 652 阅读 · 0 评论