6 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Superscript_size_in_table_cell</title>
    <meta name="generator" content="BBEdit 10.5" />
    <style>
    table {
        width: 60%;
    font-size: 0.8em;
    margin-left:auto;
    margin-right:auto;
    border-collapse: collapse;
    }

    .super_script {
    font-size: 80%;
    vertical-align: super;
    }

    </style>
</head>
<body>
    <table id="table_1a-27">
        <caption class="table_caption">Table 1A-27</caption>
        <tr>
            <td>Some text<span class="super_script">Note 1</span></td>
        </tr>
        <tr>
            <td>
                <ol>
                    <li>Beginning of sentence<span class="super_script">Note 2</span> than the rest of the sentence.</li>
                    <li>Some  stuff here</li>
                </ol>
            </td>
        </tr>
   </table>
</body>
</html>

表セルの内容の一部のテキストのサイズと位置を変更したいのですが、表セル内のテキストでは上記が機能しないようです。上書き目的だけでなく、テーブル要素の場合はサイズを調整できるようにしたいと思います。

4

2 に答える 2

2

基本の場合:

1-「スーパースクリプト」テキストを<sup>

2-<sup>この方法でスタイルを設定します:

sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  top: -0.5em;
  vertical-align: baseline;
}

また、同じ主題に関する興味深い質問:

[編集] : 一部のユーザーは、<sub>および<sup>マークアップの font-size の相対的なサイズ設定に関するブラウザーの「バグのある」動作について言及しました。

おそらく、使用し続けることを検討する必要があります<span>

于 2013-02-18T18:23:18.833 に答える
1

入れたセルクラスを定義していないため、機能しません

 class="super_script"

tdタグで。

セルのサイズを変更するには、必ず行ってください

 table {table-layout: fixed;}

そして、あなたは設定する必要があります！

于 2013-02-18T17:11:01.517 に答える