html - <td> 顶部的每个图标

标签 html css image

由 P. Leger 解决: 在我的 CSS 中,我只是将垂直对齐添加/更改为顶部。 这对我有用

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

我想要 <td> 顶部的“+”图标在 <table> 里面. 因为如果周一有 3 人计划,星期二有 2 人计划,图标将相互勾勒。

现在是这样的: You see the red line is straight if there are an equally number of values in a table

如果表格中的值数量相等,您会看到红线是直线

这就是我想要的(照片处理过的): enter image description here

所有行中的红线都是直线。 红线只是指示我希望它成为什么样子(因为实际上它们当然不存在)。

我的代码现在在 <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 类:

.imgtable {
    float:top;      
}

我尝试了每个位置和 float 。但我只需要将图像固定在表格内的东西。

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

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

最佳答案

只需绝对定位图标并确保单元格(或图标的父级)相对定位。然后你可以用左/右和上/下定位图标。

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

这应该将它们全部放置在相对于它们的父级(表格单元格)的同一位置。

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

关于html - <td> 顶部的每个图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32723853/

相关文章:

css - 对于这种情况,最好的 css 属性是什么

java - 导入图像导致渲染问题

c# - 使用c#从图像中提取子图像

css - 如何将 html 元素定位在固定的 div 下

javascript - 多语言网站布局调整

html - 如何在一个 td 中对齐多个文本行

css - :hover picture swap isn't working

javascript - 在改变网站宽度的同时改变主要的偏移量

html - 仅使用 html 和 css 的 html 按钮中的 facebook 样式通知

jquery - 即使页面可滚动,也将 div 在屏幕上居中