愿你的前半生如<code>table</code>般絢爛辕录。沒有哪個標(biāo)簽像<code>table</code>這樣大起大落玫鸟，曾經(jīng)一統(tǒng)網(wǎng)頁江湖退渗，到現(xiàn)在被棄之如敝履移稳。
知識點
1、跨行合并單元格(上下)：rowspan
2会油、跨列合并單元格（左右）：colspan
3个粱、表格標(biāo)題：caption
4、表頭：thead
5翻翩、表頭單元格：th
6都许、表格主題：tbody
7稻薇、表格框線：border-collapse: separate | collapse | inherit。分別表示：默認(rèn)值胶征，邊框會被分開 | 合并為單一邊框（較為常用） | 繼承父元素的border-collapse 值塞椎。
難點
1、表格固定寬度睛低，自適應(yīng)內(nèi)容：
/*固定td長案狠，注意這里的高度是最小高度，如果內(nèi)容較多钱雷，內(nèi)容會把高度自動撐開*/
td{
text-align: center;
vertical-align: middle;
width:100px;
height: 50px;}
2骂铁、表格固定長寬，不隨著內(nèi)容改變
/*溢出內(nèi)容以“...”替代*/
td{ text-align: center;
vertical-align: middle;
width:100px;
height: 50px;
/*溢出隱藏*/
overflow:hidden;
/*文本不換行*/
white-space:nowrap;
/*text-overflow:clip|ellipsis|string 修剪文本|省略號|給定字符串代替*/
text-overflow:ellipsis;}
總結(jié)
因為現(xiàn)在table一用就被大家唾棄的原因罩抗，學(xué)習(xí)中拉庵，table沒有理解，渾淪吞棗套蒂，直到居中那塊钞支，怎么都不理解table居中，對相關(guān)屬性相當(dāng)陌生泣懊。學(xué)習(xí)還是要遵循規(guī)律伸辟，一步一步的來。
仔細想想馍刮，table也只是用得少而已信夫，在排名類似場景中還是用得到的。
