常见的css样式(未完。。。)

1、 文本溢出显示省略号

text-overflow语法:
text-overflow : clip | ellipsis 

text-overflow参数值和解释:
clip :  不显示省略标记(...),而是简单的裁切
ellipsis :  当对象内文本溢出时显示省略标记(...)

单行:

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

多行:

overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

 

2、滤镜效果(css3)

filter: blur(20px);

 

3、伸缩盒子 水平居中  垂直居中

display: flex;
align-items: center;
justify-content: center;

posted @ 2021-04-07 21:31  小小胡在学习  阅读(41)  评论(0编辑  收藏  举报