html - IE以外のブラウザで動的に作成されたテーブルの表示が無効です

Question

1つの行と多くのセルを含むテーブルを作成しました。各セルには、画像やリンクなどのデータを含む多くの行を含む別のテーブルが含まれています。

私の問題は、IE以外のブラウザでは、セルが行のように（水平ではなく垂直に）表示されることです。IE、Chromeのリンクを確認して、違いを確認してください。

score 3 · Accepted Answer

TDを`block`そのように表示するように設定します。

CSS仕様に従って、ChromeとFirefoxはこれを別々の行に正しく表示します。IEはそれをテーブルセルとして誤って表示します（なぜ私は驚かないのですか？）。

そのため、ChromeやFirefoxなどの適切なブラウザでセルを正しく表示するには、セルの表示スタイルをtable-cellではなくに変更してくださいblock。または、少なくとも空の文字列として：

$("YourTdSelector").css("display", "");

または、達成しようとしていることに対してテーブルを使用せず、意味的に正しい要素を使用することをお勧めします。あなたの場合UL、何かのリストを表示しているので、それが要素になります。

表は、それを必要とする人（つまり、視覚障害者向けのスクリーンリーダー）がページにアクセスできるようにするために、意味論的な用語で表形式のデータにのみ使用する必要があります。