2013-12-22 159 views
0

我想知道为什么选择时,L,D,W左边有一个空白区域(您可以在某些列上看到)。请注意,它们不是图像,而是带有背景的样式,因此显示:内联不起作用,是吗?空白空白边缘(不是图像)

谢谢。

的形象在这里:http://i.imm.io/1mRPp.jpeg

<tr class="pos1"> 
    <td>1</td> 
    <td class="posindicator"><img alt="" src="http://www.premierleague.com/etc/designs/premierleague/images/shim.gif" /></td> 
    <td>(3)</td> 
    <td class="club"><a href="http://www.premierleague.com/en-gb/clubs/profile.overview.html/newcastle">Newcastle Utd (S)</a></td> 
    <td>2</td> 
    <td><span class="form-win">W</span> <span class="form-win">W</span> <span class="form-nil">-</span></td> 
    <td>6</td> 
    <td><span class="form-lose">L</span> <span class="form-win">W</span> <span class="form-win">W</span></td> 
    <td>6</td> 
    <td><span class="form-win">W</span> <span class="form-win">W</span> <span class="form-win">W</span></td> 
    <td>9</td> 
</tr> 

他们是一样的,只是不同的背景颜色。

.form-draw { 
    background: #999; 
    color: #fff; 
    font-weight: bold; 
    padding: 0; 
    display: inline-block; 
    width: 1.5em; 
    height: 1.5em; 
    line-height: 1.5em; 
    text-align: center; 
    vertical-align: middle; 
} 
+2

没有任何人会回答这个问题,没有代码。 –

+0

我已经添加了上面的代码! –

+0

这是一个愚蠢的错误。由于它只影响几个盒子,我不会显示:inline;'与它有任何关系。我认为Jonathan Newmuis也意味着CSS,因为它可能是CSS问题。 – Psyberion

回答

1

它是空白字符(U+0020)你span元素之间离开,删除它的跨度箱将是一个挨着另一个。