html空白文本节点

html空白文本节点

在编写css的时候，遇到空白节点的问题
查了很多资料，都没说到重点，最后我发现在定义a标签的时候加上的

#box a {
				**display: inline-block;**
				width: 83px;
				height: 75px;
				box-shadow: 0 0 10px #FFFFFF;
				color: yellow;
				font-size: 30px;
				line-height: 75px;
				text-align: center;
			}

然后我发现如下更改后，空白节点就没了

#box a {
				**display: block;
				float: left;**
				width: 83px;
				height: 75px;
				box-shadow: 0 0 10px #FFFFFF;
				color: yellow;
				font-size: 30px;
				line-height: 75px;
				text-align: center;
			}

也就是说影响空白节点的一部分原因在与display: inline-block;
解决办法在使用display: block; float: left达到和前面一样的目的