如有不足請不吝賜教！
最先接觸的布局表格，表格靈活性，加載速度都不如<div>靈活，但是對于萌新來說再定位某些，例如div里面套文字，而剛接觸html+css又不懂得那么多使用<span>,<p>,或者display：block來定位，最先想到的就是表格定位文字，可能達不到想要的效果，但是也差不了許多，但是美觀上總會差那么一點。
表格標簽<table></table>成對使用，內嵌標簽有<tr>表格內列標簽，<td>單元格標簽，<th>中的文字回成粗體更大的字體顯示，來定義表格的標題。
<table>主要屬性有，
cellpadding="0" 這個屬性主要控制單元格與單元格內容的距離，如果設置為0，單元格內容會緊貼單元格
cellspacing="0"? 單元格與單元格之間的距離，設置為0之后單元格可以實現邊框共用，但是不如css樣式中的
border-collapse: collapse;讓表格的邊框共用，比如你已經設置了cellspacing="0"，border="0"，還是覺得邊框粗，這時候這個屬性會讓整個表格的邊框實現真正意義上的公用，讓邊框更細。
合并單元格Colspan橫向 和 rowspan 縱向 屬性來實現內容橫跨多個行或列，注意的是當使用合并之后單元格并不是真正的合并，而是使用的單元格實現了跨行或者跨列顯示，這時候會在原來的表格內多出一個單元格，而這個單元格會被擠出來，只需要查看代碼找到他，直接刪除相應的<td>,一般擠出的單元格都會想右，縱向橫向相同。
內容居中顯示，水平align:center,垂直vertical:middle，
表格上方單獨顯示，也就是表頭的意思，<caption>銷售人員成績考核</caption>

最后說說表格的寬高，寬高設定值首先要滿足內容的寬高，其次以設定的值為準，最后如果都沒有設置，然后正行的高以最高的單元格為準。
<tr>沒有設置寬度時，平均分配，<tr><td>都設置了高，滿足內容情況下取最高的。

轉載于:https://www.cnblogs.com/xiaozhang666/p/10103709.html

總結

以上是生活随笔為你收集整理的二，表格table的使用细节的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。