html - Is there a way I can adjust the width of a inside a ?

Question

I have a

<table>
   <tr>
       <td><span style="margin-left: 48px; width: 20px;">2</span></td>
   </tr>
</table>

The span seems to have a margin but the width does not work. Is there a way I can make this work? Note that I thought of using a <div> but from what I understand it might work but it's not allowed inside a <td>.

Answer 1

spanデフォルトではインラインです。を理解するwidthには、少なくともinline-block.

css ファイルに次のスタイルを追加します。

td span {
    display: inline-block;
}

Ps Minddisplay: inline-block;は ie8 以降で動作します。

Answer 2

<table>
   <tr>
       <td><span style="margin-left: 48px; width: 20px; display: block;">2</span></td>
   </tr>
</table>

追加display: block;すると<span />、プロパティの指定されたピクセルに従ってサイズが変更されwidthます。