顶部的每个图标

Question

P. Leger解决： 在我的CSS中，我只是将vertical-align添加/更改为top。 这对我有用

我正在制定一个简单的计划，管理员可以管理用户并将用户添加到特定日期。

我想要＆＃39; +＆＃39; <td>内<table>顶部的图标。 因为如果星期一计划有3个人，并且计划在星期二有2个人，那么这些图标将相互勾勒出来。

现在的情况如下：

如果表格中有相同数量的值，您会看到红线是直的

这就是我想要的（photoshopped）：

红线在所有行中都是笔直的。 红线只是我想要它的一个标志（因为实际上它们当然不是那样）。

我的代码现在位于<td></td>：

内

echo '<a href="../rooster/add_rooster.php?week='.$weekrow.'&day='.$day.'&daynmb='.$day_numb.'"><img src="../rooster/images/add.png" width="15" align="left" class="imgtable"></a><br/>
</div>';

课堂上的表格：

.imgtable {
    float:top;      
}

我尝试了每个位置并浮动。但我只需要一些图像固定在桌面内的东西。

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

我希望你能理解我的问题。 感谢您的阅读

Answer 1

只需放置图标绝对确保单元格（或图标的父级）相对定位。然后，您可以使用左/右和上/下定位图标。

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

应将它们全部放在相对于其父级（表格单元格）的相同位置。

示例：https://jsfiddle.net/silvertail/cej23cbh/

Answer 2

没有float: top。

  

float：left |对|没有|继承

我认为，您不希望<a ...><img src=... /></a>修复，而是<td>的顶部。因此，您必须访问<table> ID 或类。从那里<td>。并设置vertical-align: top。

<强> HTML

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

<强> CSS

#myTable td {
    vertical-align: top;
}

Example