常用的一些技术

Css实现单行文本溢出显示省略号

width:'100px'(根据需求设置宽度)
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

Css多行文本溢出显示省略号

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;

自己写的东西不想让别人复制

-webkit-user-select: none;

-ms-user-select: none;

-moz-user-select: none;

-khtml-user-select: none;

user-select: none;

效果:

各位IT行业的大佬你们好! 我是刚入坑的小白,请各位大佬多多关照

让一个盒子垂直水平居中

三种方法

第一种

position: absolute;
left: 50%;
top: 50%;
margin-left:-自身一半宽度;
margin-top: -自身一半高度;

第二种

flex 布局

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

第三种

table-cell布局
父级 display: table-cell;
vertical-align: middle;
子级 :margin: 0 auto;