![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
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 · 460 阅读 · 0 评论 -
单行文本、多行文本显示省略号
单行文本显示省略号p{ white-space: nowrap; /* 强转为单行*/ overflow: hidden; text-overflow: ellipsis; /* 超出部分显示省略号 */}实现效果多行文本显示省略号webkit实现方式p{ display: -webkit-box; /* 将对象作为弹性的伸缩盒子显示 */ -webkit-box-ori...原创 2019-06-26 22:26:45 · 355 阅读 · 0 评论 -
盒子水平和垂直居中
盒子水平和垂直居中垂直居中的常用三种方法定义容器<div class="box1"> <div class="box2"></div></div>先让子盒子的上边缘与父盒子的水平位置重叠,再将子盒子往上移动自身的一半.box1 { width: 300px; height: 300px; border: 1px solid ...原创 2019-06-26 23:22:11 · 232 阅读 · 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 · 678 阅读 · 0 评论