如何在HTML中删除span标记之间的换行符

似乎我的标签在我的标签中导致了新的换行。您通常如何修复此问题

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

对.icon使用display:inline块

显示：块导致元素前后的换行。

更改：

致：

您必须知道，块中的显示以换行分隔事物…：P

---

如图所示，跨度不会影响td的任何元素。

跨度通常不会自行导致断线；你的CSS是什么？嗨，编辑后添加了我的CSS。正如你所看到的，没有任何断线是你的CSS的问题…删除display语句怎么样？删除它意味着元素的display:inline。那没关系，也行。在我看来，内联块更接近于固定大小图标的预期行为，这就是.icon类所描述的。你可能会说，这个类更适合应用于a-事实上，这就是我要做的。同意，跨度在这里没有意义。

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

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

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