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

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

3、在HTML和CSS中，表格單元格的寬度設(shè)置有時(shí)可能看起來(lái)無(wú)效，這通常是由幾個(gè)因素導(dǎo)致的首先，需要明確的是，td的寬度設(shè)置確實(shí)可以受到表格本身或其父容器寬度的影響如果表格的寬度已經(jīng)被明確設(shè)置，并且小于td所期望的寬度總和，那么td的寬度設(shè)置將無(wú)法實(shí)現(xiàn)，因?yàn)楸砀竦目倢挾认拗屏藛卧竦膶挾绕浯?，CSS；你需要先進(jìn)行添加一個(gè)控件看不看得見(jiàn)就看你的要求了來(lái)控制該列的寬度，然后再對(duì)該控件添加點(diǎn)擊事件，同時(shí)還要鼠標(biāo)移動(dòng)事件，這樣就可以完成了寫(xiě)的時(shí)候注意自己的邏輯；如果沒(méi)有合并行，列的話設(shè)置第一行的td的寬度即可比如lttable lttr lttd width=quot100pxquot1lttd lttd width=quot200pxquot2lttd lttr lttr lttd3lttd lttd4lttd lttr lttable；因?yàn)楸砀裼凶约汗潭ǖ娘@示方式td內(nèi)部的內(nèi)容可以撐開(kāi)這個(gè)單元格的寬度，也就是說(shuō)這是一個(gè)可變寬度；三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該一儲(chǔ)存格寬度，接受。

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

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