inline-block的间隙问题
产生间隙的原因是因为html文档的每个inline-block后面都加了一个换行
第一块
第二块
第三块
第四块
第五块
去掉换行符
第一块第二块第三块第四块第五块
外层元素增加 font-size: 0;
第一块
第二块
第三块
第四块
第五块
white-space：normal | pre | nowrap | pre-wrap | pre-line 默认值：normal normal：默认处理方式。 pre：用等宽字体显示预先格式化的文本，不合并文字间的空白距离，当文字超出边界时不换行。可查阅 pre 对象 nowrap：强制在同一行内显示所有文本，直到文本结束或者遭遇 br 对象。 pre-wrap：用等宽字体显示预先格式化的文本，不合并文字间的空白距离，当文字碰到边界时发生换行。 pre-line：保持文本的换行，不保留文字间的空白距离，当文字碰到边界时发生换行。