在HTML表格中排除時髦空間

如果您使用表格進行頁面佈局 - 順便說一句, 在XHTML中是不允許的 -很可能您會在佈局中體驗到難看的額外空間。 要解決這個問題,你需要檢查你的HTML表格定義和任何管理樣式表的細節。

HTML表格定義

默認情況下,表格的HTML標記不能控制某些間距要求。 驗證HTML文檔中有關表格標記的三件事情:

  1. 您的表格是否將cellpadding屬性設置為0?
    1. CELLPADDING =“0”
  2. 您的表是否將cellspacing屬性設置為0?
    1. CELLSPACING =“0”
  3. 在您的內容和表格標籤之前或之後是否有空格?

3號是踢球者。 許多HTML編輯器喜歡將代碼全部隔開,以便於閱讀。 但許多瀏覽器將這些標籤,空格和回車符解釋為表格中所需的額外空間。 擺脫標籤周圍的空白,你會有更清爽的桌子。

樣式表

但是,它可能不是HTML關閉的。 級聯樣式表可以控製表格的某些顯示屬性,並且根據頁面的不同,您可能會也可能不會有意或無意地添加特定於表格的CSS。

掃描表格,thtd屬性中的任何以下值的管理CSS文件,並根據需要進行調整:

備擇方案

儘管您仍然可以使用HTML表格 - 該標准在當今的瀏覽器中已得到很好的支持並得到普遍支持 - 但大多數現代響應式Web設計使用級聯樣式表將元素放置在頁面上。 表格仍然適用於顯示表格數據的原始目的,但為了組織頁面的佈局和內容,您最好使用CSS佈局。