如何删除HTML中的span标记之间的断行

Question

我的<span>代码似乎会在<td>内部导致换行。你通常如何解决这个问题？

<tr>
<td> date</td> <!--date--> 
<td> <span class="icon1"> <img here> </span> | <span class="icon2"> <img here> </span> </td> <!--action-->
</tr>

[update = added css]

.icon1{
    width:22px;
    height:22px;
    background-color:#eb2960;
    display:block;
    border-radius:4px;
    cursor: pointer; cursor: hand;
}

Answer 1

display: inline-block使用.icon。

display: block会在元素之前和之后导致换行符。

Answer 2

更改：

.icon 1{
    ...
    display:block;
    ...
}

以

.icon 1{
    ...
    display:inline-block;
    ...
}

你必须知道块中的显示用换行符分隔...：P

正如您在此jsfiddle中所看到的，跨度不会影响到td的任何元素。