iconfont 和 行高，文本的水平和垂直对齐

 

一、iconfont

具体见第79节

二、行高 line - height

　　1. 指的是文字占有的实际高度；

　　2. 可以指定一个大小（px），也可以设置一个整数，此时行高是字体的倍数；

　　3. 行高会在字体框上下平均分配（字体框：字体所在的格子，设置 font-size 实际上就是在设置字体框高度）；

　　4. 可以将行高设置为和高度一样的值，使单行文字在一个元素中垂直居中 ；

三 、水平和垂直对齐

　　1. 文本的水平对齐：text - align；

　　　　-- 可选值 :　left ，right，center，justify（两端对齐）

　　 2. 　　 垂直对齐 ：vertical - align ;

　　　　-- 可选值： baseline（默认值，基线对齐，如果有图片，不要设置这个） ，top，bottom，middle ，x px ；

四、其他

　　1.  text - decoration：

　　　　--设置文本修饰

　　　　　　--可选值： none 什么都没有；

　　　　　　　　　　   underline  　　下划线；

　　　　　　　　　　   line - through   删除线；

　　　　　　　　　　   over - line 　　上划线；　

　　2. white -space

　　　　--设置网页处理空白

　　　　　　--可选值： normal 正常；

　　　　　　　　　　   nowrap 不换行；

　　　　　　　　　　   pre 保留空白；

　　　　　　　　　　　　　　--eg ：

　　　　　　　　　　　　　　　　　　　　　　.abc{

            　　　　　　　　　　　　　　　　　　　　　　width :  200px ;

            　　　　　　　　　　　　　　　　　　　　　　white - space : nowrap ;

            　　　　　　　　　　　　　　　　　　　　　　overflow : hidden ;

            　　　　　　　　　　　　　　　　　　　　　　text-overflow : ellipsis（溢出内容设置省略号） ;

        　　　　　　　　　　　　　　　　　　　　　　}

　 　　　　　　　　　　　　　　　　效果：他害怕所有人的眼光，总觉…（要实现这个效果，以上四个属性缺一不可）