在HTML表中定位元素
我在表格的某些单元格中有一个小星形图标,我想把它放在右上角。下面是我的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
<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;