Html 顶部的每个图标<；td>；

由p.Leger解决： 在我的CSS中，我只是添加/更改了垂直对齐到顶部。 这对我很有效

我正在开发一个简单的时间表，管理员可以在其中管理用户并将用户添加到特定日期

我希望“+”图标位于

内部的

顶部。 因为如果周一有3人计划加入，周四有2人计划加入，那么图标将相互勾勒

这就是现在的情况：

如果表中的值数量相等，则红线是直线

这就是我想要的（photoshopped）：

所有行的红线都是直的。 红线只是我想要它是什么样子的一个指示（因为在现实中它们当然不在那里）

我的代码现在在

中：

我试过每个姿势和浮子。但是我只需要一些东西，把图像固定在桌子里面

目前，我只是使用一个简单的图像，但我更喜欢使用一个字体可怕的图标

我希望你能理解我的问题。

---

感谢阅读

只需绝对定位图标，并确保单元格（，或图标的父项是什么）处于相对位置。然后，您可以使用左/右和上/下来定位图标

<td style="position relative...">
     <img src="..." style="position: absolute; left: 5px; top: 5px">
</td>

这将使它们相对于父对象（表格单元格）位于同一位置

---

示例：

没有

浮动：top

浮动：左|右|无|继承

---

我想，你不想要

的原因我猜是你有每个
td
与
垂直对齐：中间。所以给
垂直对齐：top
到image类。您能为我们提供live/demo吗？因为它已经在一个完整的工作登录系统中实现，所以不可能提供live demo。我尝试了这个方法，但它不起作用。每当一个值被添加到一个为我完美工作的项目中时，图像仍在移动中！谢谢你的回答
.imgtable {
    float:top;      
}

<td style="position relative...">
     <img src="..." style="position: absolute; left: 5px; top: 5px">
</td>

<table id="myTable">
    <tr>
        <td>box</td>
        ...
    </tr>
    ...
</table>

#myTable td {
    vertical-align: top;
}