HTML表格中的位置元素

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

<td>Cell_Text<div class="star">☆</div></td>

我该如何定位右上角的表格单元格的所有星星？

来源

2012-10-01 John Bernal

尝试

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

否则，您可以用绝对的，而是在你的情况我不知道

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

来源

2012-10-01 09:11:23

啊工作就像一个魅力它们上色。关于如何用某种颜色填充恒星的任何想法？ –

如果*是文本，则可以在div.star块中添加另一个属性Color：orange。 –

是的，我做到了，但只是色彩的边界。我想我需要得到一个预先充满的明星或其他东西？ –

使用相对+绝对定位

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

来源

2012-10-01 09:11:48 fcalderan

我建议：

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

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

JS Fiddle demo。

参考文献：

CSS Position, at the Mozilla Developer Network。

来源

2012-10-01 09:12:08

，你可能只是在你的CSS使用

float:right;

。只要确保图标的尺寸比细胞

来源

2012-10-01 09:13:05 Shurmajee

我想你想的明星为上标到文本

检查这个fiddle

我用ASCII代码，而不是相对较小你正在使用的明星。你也可以在其中使用unicode。

使用这种方法的加点是，你可以通过使用下面的属性

color: /* your desired color */

来源

2012-10-01 09:21:54

HTML表格中的位置元素

回答

相关问题