表格的自動寬度設置方式
作者：佚名 時間：2012-10-20 分享到：
自動寬度方式是瀏覽器默認的方式,表格寬度將根據列中單元格內容自動調整寬度值,假如沒有指定table元素的寬度,則總寬度依據每一列高寒的寬度值或者能顯示所有內容的最小寬度值計算確定.若指定了table的寬度且這個寬度大于計算值,則每一列會平均分配賦予出來的寬度,否則table的寬度取計算值.
我們可以寫個測試例子將table-layout屬性值改為auto取消其width屬性,再添加以下代碼設置第二列的寬度為60個像素.
col#artist{width:60px}
表格最后寬度是288px,然而三列的寬度值之和是260px,那么多余出來的28個像素是哪里來的呢?實際上,每一列的寬度是指的其內容區域的寬度,不包括填充和邊框部分,因此表格總體寬度應為三列的寬度值之和再加上邊框和填充的寬度.
在上海網站建設中表格的寬度給值通常比較麻煩,需要認真的計算數據,所以網頁設計師需要有很好耐心.
如沒特殊注明，文章均為上海聯楷網絡原創,轉載請注明來自：http://www.ktcbnqb.cn/hynews/20151126/n2587.html
