前端小白学习的一些基础记录

一、HTML 以及 CSS 的一些常用组合代码作用。

1、单行文本隐藏
width:value; (进行文本的宽度设置)
white-space:nowrap;(文本不换行设置)
overflow:hidden; (对超出部分的进行隐藏设置)
text-overflow:ellipsis;(文本溢出省略)

2、多行文本隐藏
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; (需要隐藏的行数)
overflow: hidden;

3、垂直居中的条件
在需要居中的内容上进行设置：
text-align:center;(加在父元素上)
vertical-align:middle;
display:inline-block;
并在当前元素其后添加span标签并进行设置：
vertical-align:middle;
height:100%;
width:0;
display:inline-block;

4、万能清除浮动法
.clearfix:after{
content:" ";
clear:both;
display:block;
height:0;
overflow:hidden
}
.clearfix{
zoom:1(兼容IE)
}