智享笔记 CSS
-
单行文本省略号
(1) 单行隐藏简介单行隐藏指显示单行文字，当文字数量超出这一行时，则用省略号代替超出的文字内容。(2) 单行隐藏原理容器盒子：宽度可以设置，也可以不设置，若不设置，则默认是父级容器的宽度；高度不做要求；(3) 单行隐藏代码white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
-
多行文本省略号
(1) 多行隐藏简介多行隐藏指显示多行文字，当文字数量超出指定行数时，则用省略号代替超出的文字。(2) 多行隐藏原理父盒子：设置宽度，高度不做要求； 子盒子：宽高不能设置；(3) 多行隐藏代码display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;
-
CSS设置图片垂直居中
(1) 垂直居中简介图片垂直居中是指让图片在盒子的垂直方向进行居中。(2) 垂直居中设置1）首先给图片设置CSS样式：vertical-align: middle;2）接着给父盒子加行高属性：line-height: 父盒子的高度px;