在HTML表中定位元素

在HTML表中定位元素,html,css,html-table,Html,Css,Html Table,我在表格的某些单元格中有一个小星形图标,我想把它放在右上角。下面是我的html: <td>Cell_Text<div class="star">☆</div></td> Cell\u文本☆ 在右上角有一个表格单元格时,如何定位全明星 试试看 div.star { float:right; margin-top:-10px; } 否则你可以用绝对值,但你的情况我不确定 div.star { position:absolute; top:so

我在表格的某些单元格中有一个小星形图标,我想把它放在右上角。下面是我的html:

<td>Cell_Text<div class="star">☆</div></td>
Cell\u文本☆
在右上角有一个表格单元格时,如何定位全明星

试试看

div.star
{
 float:right;
 margin-top:-10px;
}
否则你可以用绝对值,但你的情况我不确定

div.star
{
position:absolute;
top:somepx;
right:somepx;
}

使用相对+绝对定位

td { position: relative; }
td .star { position: absolute; top: 0; right: 0; }
我建议:

td {
    /* required in order to position the element relative to the cell */
    position: relative;
}

td .star {
    position: absolute;
    top: 0;
    right: 0;
}

参考资料:

    • 您只需使用

      float:right;
      

      在你的css中。只需确保图标的大小相对小于单元格的大小

      我认为您希望将星形作为文本的上标

      检查这个

      我使用了ascii码,而不是您使用的星号。 您也可以在其中使用unicode

      使用这种方法的优点是,您可以使用下面的属性为它们着色

      color: /* your desired color */
      

      啊工作得很有魅力。关于如何用某种颜色填充星形有什么想法吗?如果*是文本,你可以在div.star block中添加另一种属性颜色:橙色。是的,我这样做了,但那只是给边框上色。我想我需要得到一个预填充的星号什么的?最好删除文本并使用一些小星号作为背景图像,设置background:url(images/star.png')no repeat;