1

我在表格的某些单元格中有一个小星形图标，我想将它定位在右上角。所以这是我的html：

<td>Cell_Text<div class="star">☆&lt;/div></td>

如何在右上角使用表格单元格定位所有星星？

4

5 回答 5

2

尝试

div.star
{
 float:right;
 margin-top:-10px;
}

否则你可以使用absolute，但在你的情况下我不确定

div.star
{
position:absolute;
top:somepx;
right:somepx;
}
于 2012-10-01T09:11:23.360 回答
1

使用相对+绝对定位

td { position: relative; }
td .star { position: absolute; top: 0; right: 0; }
于 2012-10-01T09:11:48.837 回答
0

我建议：

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

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

JS 小提琴演示。

参考：

于 2012-10-01T09:12:08.503 回答
0

你可以简单地使用

float:right;

在你的 CSS 中。只要确保图标的大小比单元格的大小相对小

于 2012-10-01T09:13:05.973 回答
0

我想你想让星星作为文本的上标

检查这个小提琴

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

使用这种方法的好处是您可以使用以下属性为它们着色

color: /* your desired color */
于 2012-10-01T09:21:54.550 回答