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表格中的位置元素

回答

相關問題