html - style = "display：none;"の要素を含むテーブルセルの幅

Question

jQueryで切り替える画像を含む列を持つテーブルがあります。

<table>
  <tr>
    <td>
      <img class="tp" widht="24" height="23" src="1.png" />
      <img class="tp" widht="24" height="23" src="2.png" style="display:none;" />
    </td>
  </tr>
</table>

ページがレンダリングされると、テーブルのセル幅が2倍になります。

display:noneテーブルセルの幅を計算するときに、要素にそれが含まれている場合はカウントされないと思いました。

これを解決する簡単な方法はありますか？

Answer 1

style="display: none" は、要素の高さや幅の追加を考慮しません。

幅のスペルが一致しません。これはあなたに問題を引き起こしたかもしれません:D

Answer 2

入力した幅ではなく、幅です。