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达到和前面一样的目的