一.<img>标签自带的空隙
这样会出现：
这几张图片之间会有空隙，是因为img是文本类元素，只需要
这样就会消失了
二.
因为<span>是行级元素，不能改变大小，但是只要设置了：
position和 float就会可以改变大小了，是因为这两个属性会使标签自动变成 display:inline-block
三.
一旦进行了这样的设置以后，就会出现
这样的形式，“呵呵”和“123”会自动底对其，但是当span 标签里面没有123的时候，“呵呵”是和红色正方形的底对齐的
四.
如何调整上面内容的对齐线？
vertical-align属性就可以，属性值设为像素值就会以当前的对齐位置向上或者向下移动
五.文字居中
第一种就是设置：
line-hight:20px; height:20px;
就是容器的高度和行高一样
第二种：
简单来说就是让文字的高度和容器的高度一样，然后设置padding的上下
