不同的瀏覽器如何使用表格中單元格的寬度屬性?我們是否需要爲HTML表格中的每個單元格設置寬度屬性?
我使用大量的表在我的應用,大多采用固定的佈局,所有列給出一個指定的寬度。
我什麼興趣知道的是,我們需要爲每個行的單元格指定寬度?或者如果我們在表頭中這樣做並且沒有在表體中指定任何東西就足夠了嗎?
不同的瀏覽器如何使用表格中單元格的寬度屬性?我們是否需要爲HTML表格中的每個單元格設置寬度屬性?
我使用大量的表在我的應用,大多采用固定的佈局,所有列給出一個指定的寬度。
我什麼興趣知道的是,我們需要爲每個行的單元格指定寬度?或者如果我們在表頭中這樣做並且沒有在表體中指定任何東西就足夠了嗎?
如果您在技術意義上使用固定表格佈局,即使用CSS聲明table-layout: fixed
,則第一行確定列寬度,其他行中單元格的任何寬度設置都將被忽略。 (這可能導致細胞的上下文 - 這是固定佈局的想法的一部分的截斷。)
否則,所有單元格的寬度要求是由當它計算列寬度的瀏覽器考慮在內。因此,如果在標題行的單元格中有width=100
,但同一內容中的另一個單元格的內容最少需要200個像素,則將使用該寬度,並且您的第一行單元格的設置將被忽略。
指定width
屬性每列一次應該是在大多數情況下足夠了。它甚至不需要在第一行中指定,只要它在後續行中指定即可。
這裏有一個簡單的jsFiddle example。