題外話：一直以來習慣布局用ul,li樣式調整比較方便，不會互相影響出現一些問題，but~現在公司涉及很多**列印，都是用table寫的，好多寬度高度合併啊，組合啊~~~，單元格之間互相影響，有的樣式設定還不起作用。。。。。腦瓜疼啊！腦瓜疼~~~廢話說了一堆，擼起袖子繼續幹吧！
首先定義乙個基礎的table
123顯示效果：
注意：藍色部分不是邊框，而是table的露出來的背景色，原因是瀏覽器自帶樣式border-spacing: 2px;每個單元格之間預設有2px的間距；
為了方便檢視，保留樣式。接下第乙個單元格改為「11」，如圖所示：
因為：第乙個單元格的「11」是2個字元寬頻，第二個單元格「2」是乙個字元寬頻，第三個單元格「3」是乙個字元寬頻。
共計是4個字元寬頻，因此，比例為 2:1:1. 所以 第乙個單元格是：600*2/4=300px. 第2和第3都是 600*1/4=150px寬度（準確寬度方便閱讀，忽略掉單元格間距影響~，以下同）
如果長度很長，超過**寬的的情況會撐大**寬度，如圖所示：
要想**寬度不被撐大，單元格自動換行，可以用word-break: break-all;試試
第乙個單元格50個「1」，第二個單元格25個「2」，他們的寬度比為2:1
總之，乙個結論：如果不設定td寬頻，各單元格會根據各個內容長度的比例來均分table的寬度。
2、定義**寬度為600px；第乙個與第二個單元格，寬度和大於600px的情況下
111111111111111111111111111111111111123如圖所示：
細心的朋友肯定會想到，兩個400px，單元格寬度是1:1，那乙個800px，會不會就是2:1呢，答案是肯定的
111111111111111111111111111111111111123如圖所示：
3、如果td寬度不足，則不足會自動補齊。下圖中，第乙個100px，第二個100px，第二個td自然是：600-100-100=400px
123如圖所示：
4、百分比和數字同時使用，百分比優先順序高，廢話不說，上**
5、td定義的寬頻是預設寬度，實際寬度由內容決定。
**示例：
1如圖所示：23
如果td不想被裡面的內容div撐大，那麼給table設定樣式table-layout: fixed;，就會嚴格限制**定義的支援
table 樣式美化
這是乙個很常用的 樣式。源 1 226 27 28 29 30 info header 1 info header 2 info header 3 31 32 33 text 1a text 1b text 1c 34 35 36 text 2a text 2b text 2c 37 38 和上面差...
table樣式設定小結
1.為 設定合併邊框模型 table 2.給邊框設定寬度和顏色 table 3.通過 width 和 height 屬性定義 的寬度和高度 table th4.text align 和 vertical align 屬性設定 中文字的對齊方式。text align 屬性設定水平對齊方式，比如左對齊 ...
Table可控制樣式和Css
rowspan colspan this that the other ladybird locust lunch 這樣賦予alternate的樣式將應用在每一行的第二列 在colgroup或者col上使用span屬性，跟rowspan和colspan有相似的用途 colgroup一起使用可以定義屬...