Question

我想知道为什么在选择时，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;
}

Answer 1

这是你在U+0020元素之间留下的空白字符（span），删除它时，span框将是一个紧挨着另一个。

白色空间边距（不是图像）

1 个答案: