0

テーブル セルとして表示される div のサイズが正しくありません。幅を 91px に設定しましたが、90.2667px でレンダリングされます。これは Firefox ですが、他のブラウザーはテストしていません。

要素を検査すると、次のようになります。

width       90.2667px
.OrderCell3 → 91px  inline:1

「display:table-cell」を無効にするとすぐに、正確に 91px に広がります。ただし、このように表示して、希望どおりに表示する必要があります。

編集: これがフィドルです: http://jsfiddle.net/dKuj5/

4

2 に答える 2

1


テーブルデータの場合、面白いコードにテーブルが表示されません。

スクロール テーブルを作成する方法を取得しようとしたようです。その場合は、コードを再検討してください。ただし、実際のテーブルからそれを実現できます。

http://dabblet.com/gist/5648624 em を使用していますが、 px または % にすることができます。

トリックは、thead からの tfoot クローンなので、col レイアウトはヘッダー (フッター) の下にとどまる必要があります。tbody ではなく、コンテナーがスライドします。

于 2013-06-07T22:39:12.083 に答える
0

デフォルトのテーブルには、スペースとパディングがあります。間隔を空けるには、テーブルのスタイルをいじる必要があります。

<table style='width:91px; border-spacing:0px;'>
  <tr>
    <td style='padding:0px;'>
      <div>
        stuff
      </div>
    </td>
  </tr>
</table>

ただし、これを行うと、テーブルが本質的に見えなくなります。これは、セルを非表示にするのと同じです。その場合の唯一の回避策は、境界線のサイズも考慮してテーブルのサイズを補正することです。テーブルは 91px + (cell-padding*2 * numColumns) + テーブルのボーダー間隔 * 2 のようなものである必要があります。

于 2013-06-07T22:30:04.950 に答える