divセルを一度中央に置かれたテーブルセル内で整列する

Question

私はかなり単純なものをしようとしています。私は1から18の値を持つテーブルのテキストの列を持っています。私はテキストを中心にするセルをしたい。ただし、同じセルにアスタリスク（*）を表示する必要があることがあります。アスタリスクが表示されているときは、数字を完全に一列に保ちながら、同じセルの左に揃える必要があります。

することは、私はかなりそれだけでアスタリスクとdivにposition: absoluteを与える正しい方法

<table border=1> 
 
    <tr> 
 
    <td style="text-align:center" width=50> 
 
     <div> 
 
     <div style="float:left;">*</div> 
 
     <div>14</div> 
 
     </div> 
 
    </td> 
 
    </tr> 
 
    <tr> 
 
    <td align=center> 
 
     <div></div> 
 
     <div>16</div> 
 
    </td> 
 
    </tr> 
 
</table>

Answer 1

を揃えるために得ることができない、とあなたの数字は、常に適切にセンタリングされます。

<table border=1> 
 
    <tr> 
 
    <td style="text-align:center" width=50> 
 
     <div> 
 
     <div style="position: absolute;">*</div> 
 
     <div>14</div> 
 
     </div> 
 
    </td> 
 
    </tr> 
 
    <tr> 
 
    <td align=center> 
 
     <div></div> 
 
     <div>16</div> 
 
    </td> 
 
    </tr> 
 
</table>

この場合、position: absoluteは次のように伝えています。「絶対配置されたとは思わないdivの寸法」。 divを番号で調べると、アスタリスクがDOMにないdivのように、親要素の全幅と高さが表示されます。

私の説明はちょっと貧弱で100％正確ではないかもしれませんが、それはあなたに基本的な理解を与えるはずです。詳細については、このサイトまたは他の場所の「位置：絶対」のエリアを参照してください。https://www.w3schools.com/css/css_positioning.asp