對於table來說，在一些小的模組中進行**布局是非常好用的。我們可以這樣來理解table，主要分成table部分和td部分。
table部分：
主要是來控制外邊框的（就是最外面一層邊框，不包括裡面部分），它擁有的屬性為：margin屬性，border屬性，cellspacing屬性，規定單元格之間的空白cellpadding屬性，規定單元邊沿與其內容之間的空白。
tr部分：
主要來分割有幾行，一般只需要用來設定heigth。
td部分：
用來控制每個單元格的屬性，可是分別控制每個單元格的上下左右邊框，其中也包含padding屬性。
th部分：
用法和td相同，只是用來區分表頭的。
注意：
用百分比和用畫素點是相同的。在table中，width指的是整個**的寬度，而td的width值得指內部不包括內容content的寬度，這個同盒子模型。
以下用例項來說明table的一些常用布局手法：
用來colgroup控制**中各個框的寬度：（這樣可以降低table中**的耦合度）
1111111111111123
456 789
101112
.table_1
.table_1 td
可以清楚的看到，最外層是4個畫素，**為table的3個畫素和td邊框的乙個畫素，而內部都是兩個畫素，是相鄰的兩個td組成的。
說明：table_2這種情況下，給tr加上border是有作用的，td沒有border，而只給tr加上border會出現沒有豎線的效果，這裡面有乙個
關鍵的樣式：border-collapse: collapse;這個屬性的另乙個取值為separate，是預設值。並且這個屬性使得所有的邊框全都
合併，border的寬度已最寬的為主，加上這個屬性可以寫出邊框處處1的效果。
說明：table-layout: fixed,這個屬性的作用：
在固定**布局中，水平布局僅取決於**寬度、列寬度、**邊框寬度、單元格間距，而與單元格的內容無關。
也就是說，沒有這個屬性的時候，**的水平布局是和內部內容有關的，就算是將**中乙個單元格的寬度設定為30盤px，
如果內容的寬度大於30px，那麼寬度還是拉伸的。在這個屬性的下，如果每個單元格都不設定寬度，那麼所有的單元格平分table
的總寬度，就算是單元格的內容寬度超出的現有的寬度，單元格也不會拉伸。
這個屬性的取值還有乙個：automatic，當然這個屬性也是預設的。
HTML table使用總結
在html中，使用table標籤來建立乙個 在table標籤中使用tr來表示 中的一行，有幾行就有幾個tr 在tr中需要使用td來建立乙個單元格，有幾個單元格就有幾個td。rowspan用來設定縱向的合併單元格，colspan用來設定橫向的合併單元格。使用場景 有一些情況下 是非常的長的，這時就需要...
HTML table表頭固定
說說我在最近專案中碰到的css問題吧，作為問題知識集合總結筆記 序號內容 1我只是用來測試的 2我只是用來測試的 3我只是用來測試的 4我只是用來測試的 5我只是用來測試的 6我只是用來測試的 7我只是用來測試的 8我只是用來測試的 順便做做筆記說說px em rem的區別 px是固定的畫素，一旦設...
HTML table 屬性 運用例項
一 中單元格之間分隔線的隱藏方法第 一行第二 行第三行 這個 去掉了單元格之間的縱向分隔線第第 第一二三 列列列這個 去掉了單元格之間的橫向分隔線橫線 豎線都沒 了這個 去掉了單元格之間的縱向分隔線和橫向分隔線 其實上面的三個 都有三行三列，隱藏分隔線的訣竅在於rules，察看這三個 的源 我們可以...