在CSS中,table 元素中的 td 元素是常常使用的標(biāo)簽之一。td 元素表示表格中的單元格。當(dāng)我們需要設(shè)置單元格的寬度時(shí),我們可以使用CSS中的 width 屬性。
td { width: 100px; }
在上面的代碼示例中,我們?cè)O(shè)置了 td 元素的寬度為 100 像素。這樣,所有的單元格都會(huì)以相同的寬度呈現(xiàn)。如果我們只想為某些特定的單元格設(shè)置寬度,可以為這些單元格添加類名,然后使用類選擇器來設(shè)置寬度。
td.my-class { width: 150px; }
在上面的代碼示例中,我們添加了類名 my-class,并將寬度設(shè)置為 150 像素。只有帶有 my-class 類名的單元格才會(huì)有這個(gè)寬度。
當(dāng)設(shè)置 td 元素的寬度時(shí),還有一點(diǎn)需要注意。如果表格總寬度小于 td 元素的寬度之和,那么 td 元素的寬度會(huì)相應(yīng)地被縮小。因此,我們應(yīng)該根據(jù)表格的總寬度來確定單元格的寬度??梢允褂冒俜直葋碓O(shè)置寬度,這樣可以在不同屏幕尺寸下自適應(yīng)調(diào)整單元格的寬度。
td { width: 25%; }
在上面的代碼示例中,我們?cè)O(shè)置了 td 元素的寬度為表格總寬度的 25%。這樣在不同屏幕上,單元格的寬度會(huì)自適應(yīng)調(diào)整。