html - 如何删除 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>

[更新=添加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 的任何元素。