首先,我們需要知道的是:我們可以對表格table設置margin,而不能設置padding;對單元格td設置padding,而不能設置margin。所以說,我們不能對單元格td設置margin屬性來調整單元格與單元格之間的距離,但是我們可以使用一下方法來達到同樣的效果。
1) 設置padding
就像剛才所說的那樣,我們可以對單元格td設置padding屬性來調整單元格之間的間隔
td{padding:5px 10px;}
2) 使用標簽
我們可以在單元格td內添加標簽,然后對標簽設置margin屬性
p{margin:5px 10px;}
3) 對表格table設置border-spacing(IE不支持)
先讓我們簡單了解一下border-spacing屬性。border-spacing:length;設置單元格td的邊在橫向和縱向上的間距。當您指定一個length值時,這個值將作用于橫向和縱向上的間距;當您指定兩個length值時,第一個將作用于橫向間距,第二個值將作用于縱向間距。
table{border-spacing:5px 10px;}
首先,感謝您的回答,有一點疑問想請教前輩,在上面,我上傳的代碼中已經對table設置了padding和margin,而且在瀏覽器中也都確實顯示出來,請您再看一下,你說的table不可以設置padding,是不是有什么特殊性,再次感謝您的解答
哦,豁然開朗啊。
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com