1

テーブルの特定のセルに小さな星のアイコンがあり、右上隅に配置したいと思います。これが私のhtmlです：

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

右上隅にテーブルセルを配置してすべての星を配置するにはどうすればよいですか？

4

5 に答える 5

2

試す

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

それ以外の場合は絶対を使用できますが、あなたの場合はわかりません

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 に答える