网站制造少不了前端斥地，目前普通回收Html5进行斥地，
响应式网站定制，发挥空间很大。
在网页前端斥地中经常应用的前端css有：
1.单行省略
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
2.多行省略
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;//超出3行表现省略
overflow: hidden;
3. 换行的办法
(1)
(2)强制换行
word-break : break-all; 完成强制断行.
字母和单词换行设置：word-break:break-all;word-wrap:break-word;
4. 不换行的办法
white-space:nowrap;文本不会换行，在同一行上担当，直到碰着
标签为止。
字母和单词不换行设置：word-break:keep-all;word-wrap:normal;
5.图片剪裁防备图片变形
.img{
width: 200px;
height: 200px;
border-radius: 50%;
object-fit: cover;
}
6. 消弭input框选中时外边框
outline: none;
7. 图片和笔墨在同一行居中表现
(1)vertical-align：middle 给img增加这个属性。
(2)图片设置为后台图片
在css中应用“background”来设置该图片，再设置padding
(3)划分把图片和笔墨放入不合的div，div设置display: inline-block;
8 垂直居中
(1)父级元素设置display：table 、height:200px, 子级元素设置display：table-cell和vertical-align: middle 、text-align:center， 父级必要设置高度， table-cell 随意忽略被float，position：absolute影响，对margin值无成果，响应padding属性。
(2)元素设置display:flex; align-items:center;justify-content:center; 实用于IE10+、chrome、Safari、Firefox，justify-content是界说水平偏向的元素位置，align-items是界说垂直偏向的元素位置。
(3)已知宽高，父级设置相对定位，子级设置相对定位+margin：auto
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
margin:auto
9. 应用伪元素消除浮动办法
::after{
content:"";
clear:both; //如果想clear失效，必须是块级元素；
display:block;
}
10. 隐藏元素none
display:none;会消除本来占用的机关空间.
visibility:hidden; 隐藏元素
