1、第一步，打開dreamweaver軟件新建一個表格，如圖，使用lttablelttable標(biāo)簽對接著就是新建一行，使用lttrlttr標(biāo)簽對，然后使用lttdlttd標(biāo)簽對新建三個單元格接著我們在設(shè)計視圖里面預(yù)覽一下，如圖，可以看到一行三列的表格接著我們在lttd里面添加一個“width”屬性，width表示的就是寬度；把寬設(shè)置成絕對寬度，比如width=quot100quot，而高度設(shè)置為相對高度，比如height=quot100%quot。

2、看你的框有跨3列，單元格文字書寫為三行建議你選中的那行改為lttd colspan=quot3quot rowspan=quot3quot 直接讓文字跨3列，跨3行應(yīng)該就不會出現(xiàn)間距不等的問題了單元格內(nèi)部的文字換行，請使用ltbr；采用類樣式，定義倆種不同寬度的單元格ltstyleltheadltbodylttable border=quot1quotlttrlttd class=quotkuanquot這是寬的單元格lttd lttd class=quotzaiquot這是窄的單元格lttd lt！該行兩個單元格分別套用了kuanzai兩個不同的類樣式lttrlttableltbodylthtml實際運行效果如下圖；td只有在table標(biāo)簽內(nèi)部才有效 li標(biāo)簽的列寬度，需要設(shè)置style，不能像td一樣直接寫個width屬性見下圖。

3、在HTML和CSS中，表格單元格的寬度設(shè)置有時可能看起來無效，這通常是由幾個因素導(dǎo)致的首先，需要明確的是，td的寬度設(shè)置確實可以受到表格本身或其父容器寬度的影響如果表格的寬度已經(jīng)被明確設(shè)置，并且小于td所期望的寬度總和，那么td的寬度設(shè)置將無法實現(xiàn)，因為表格的總寬度限制了單元格的寬度其次，CSS；你需要先進行添加一個控件看不看得見就看你的要求了來控制該列的寬度，然后再對該控件添加點擊事件，同時還要鼠標(biāo)移動事件，這樣就可以完成了寫的時候注意自己的邏輯；如果沒有合并行，列的話設(shè)置第一行的td的寬度即可比如lttable lttr lttd width=quot100pxquot1lttd lttd width=quot200pxquot2lttd lttr lttr lttd3lttd lttd4lttd lttr lttable；因為表格有自己固定的顯示方式td內(nèi)部的內(nèi)容可以撐開這個單元格的寬度，也就是說這是一個可變寬度；三lttd 的參數(shù)設(shè)定常用例如lttd width=quot48%quot height=quot400quot colspan=quot5quot rowspan=quot4quot align=quotrightquot valign=quotbottomquotbgcolor=quot#ff00ffquot bordercolor=quot#quot bordercolorlight=quot#ff0000quotbordercolordark=quot#00ff00quot background=quotmywebgifquot width=quot48%quot該一儲存格寬度，接受。

4、在testhtml文件內(nèi)，設(shè)置表格的class屬性為mytable，主要用于設(shè)置表格樣式步驟46 在testhtml文件內(nèi)，編寫ltstyle type=quottextcssquotltstyle標(biāo)簽，頁面的css樣式將寫在該標(biāo)簽內(nèi)步驟56 在css標(biāo)簽中，通過class設(shè)置td單元格的樣式，定義td的寬度為100px，同時，將whitespace屬性設(shè)置為nowrap；需要準(zhǔn)備的材料分別有電腦瀏覽器html編輯器1首先，打開html編輯器，新建html文件，例如indexhtml，編寫問題基礎(chǔ)代碼2在indexhtml中的lttd標(biāo)簽中，輸入屬性代碼width=quot70pxquot3瀏覽器運行indexhtml頁面，此時列td的大小被固定70px，不隨文字而變化；設(shè)置寬度有兩種方式一就是使用lttd的屬性width，如lttd width=quot200quot，不贊成使用這種方式二就是使用CSS層疊樣式，如lttd style=quotwidth200pxquot，可設(shè)成百分比寬度20%等具體的請你查詢HTML的table使用。

5、lttdlttd lttdlttd lttdlttd lttdlttrlttrlttd lttdlttd lttdlttd lttdlttd lttdlttrlttable 你可以試試給表格加tablelayout樣式，并設(shè)置值為fixed，這樣如果你所有列都不指定列寬的話，應(yīng)該是所有列等寬，如lttable style=quottablelayoutfixedquot；ltstyle type=quottextcssquot*首先是可以給td賦予寬度值的，且僅為寬度高度值賦予給tr需注意幾點，是否給每個td加了類名稱且每一行的td寬度總和為table總寬度如果它們不相等，那么網(wǎng)頁顯示時肯定會出現(xiàn)錯誤*td1 width150px *設(shè)置td1的寬度為150px，td2將自動計算寬度為50px；lttrlttd style=quotwidth33%quot135lttdlttd style=quotwidth33%quot3lttdlttd style=quotwidth33%quot53lttdlttr lttrlttd4lttdlttd5lttdlttd56lttdlttr lttable 3瀏覽器運行indexhtml頁面，此時表格各列的內(nèi)容雖然長短不一，但是寬度都被固定相等了；在HTML頁面中，我們可以通過CSS來定義表格中每個單元格TD的寬度設(shè)置這些寬度時，可以使用內(nèi)聯(lián)樣式，也可以將樣式定義在外部CSS文件中，或者直接寫在。