如果您使用表格進行頁面佈局 - 順便說一句, 在XHTML中是不允許的 -很可能您會在佈局中體驗到難看的額外空間。 要解決這個問題,你需要檢查你的HTML表格定義和任何管理樣式表的細節。
HTML表格定義
默認情況下,表格的HTML標記不能控制某些間距要求。 驗證HTML文檔中有關表格標記的三件事情:
- 您的表格是否將cellpadding屬性設置為0?
- CELLPADDING =“0”
- 您的表是否將cellspacing屬性設置為0?
- CELLSPACING =“0”
- 在您的內容和表格標籤之前或之後是否有空格?
3號是踢球者。 許多HTML編輯器喜歡將代碼全部隔開,以便於閱讀。 但許多瀏覽器將這些標籤,空格和回車符解釋為表格中所需的額外空間。 擺脫標籤周圍的空白,你會有更清爽的桌子。
樣式表
但是,它可能不是HTML關閉的。 級聯樣式表可以控製表格的某些顯示屬性,並且根據頁面的不同,您可能會也可能不會有意或無意地添加特定於表格的CSS。
掃描表格,th或td屬性中的任何以下值的管理CSS文件,並根據需要進行調整:
- 邊框指定表格或單元格邊框的屬性
- border-collapse將相鄰邊界視為一個邊框,以避免重複邊框寬度
- 填充提供每個單元格周圍的像素空白空間
- 文本對齊確定單元格內文本的對齊方式
- 邊框間距設置單元格之間的間距 ,以像素為單位
備擇方案
儘管您仍然可以使用HTML表格 - 該標准在當今的瀏覽器中已得到很好的支持並得到普遍支持 - 但大多數現代響應式Web設計使用級聯樣式表將元素放置在頁面上。 表格仍然適用於顯示表格數據的原始目的,但為了組織頁面的佈局和內容,您最好使用CSS佈局。