1、2打開已新建的頁面文件，引入核心的jquery文件并修改標(biāo)簽文字內(nèi)容3在body標(biāo)簽元素中，插入一個(gè)table表格并添加數(shù)據(jù)三行4在一個(gè)td設(shè)置class屬性值，利用table元素設(shè)置相關(guān)的css樣式，然后使用類選擇器設(shè)置寬度5；lttd width=quot500pxquot固定寬度lttd lttd width=quot460pxquot固定寬度lttd lttr lttr lttd固定寬度lttd lttd固定寬度lttd lttr lttable 定義和用法 width 屬性規(guī)定表格單元格的寬度通常，單元格占用的；lt！DOCTYPE htmllthtmlltheadltmeta charset=quotutf8quotlttitle自適應(yīng)寬度lttitleltstyle type=quottextcssquotdivwidth 50%height 50pxbackground redltstyleltheadltbodyltdivltdivltbodylthtml。

2、1table 設(shè)置 寬度，絕對寬度和相對都可以 tablelayoutfixed 設(shè)置了這個(gè)屬性，其余所有td都是相同的寬度 這樣操作之后，table是寬度固定了，但是里面的文章如果很長，文字會覆蓋 解決辦法 在 td 里面 加上 style=；默認(rèn)情況下，表格的寬度和高度根據(jù)內(nèi)容自動(dòng)調(diào)整，我們也可以手動(dòng)設(shè)置表格的寬度和高度基本語法 ltTABLE WIDTH=VALUE HEIGHT=VALUE 語法解釋 通過WIDTH屬性定義表格的寬度，HEIGHT屬性定義表格的高度，單位是像素或百分比如果是；*設(shè)置單元格寬度100px，高度50px* 示例如下給出html元素 1 2 345 6789 10 11 設(shè)置單元格高度和寬度樣式 tablebordercollapsecollapse td border1px solid green*邊框* width100px*單元格寬度*；直接設(shè)置表格的寬就可以了，或者寫css控制 lttable class=quottablequot width=quot500quot lttable 或者 lttable class=quottablequot style=quotwidth500pxquot lttable 或者 ltstyle tablwidth500pxltstyle。

3、lt！人為設(shè)定一個(gè)寬度lttable style=quotwidth500pxquotlttable；這時(shí)候各個(gè)td之間的寬度分配按照第二條中各 tr的height分配規(guī)律，有一點(diǎn)不同的是全部是默認(rèn)的情況下，各td的width不是平均分配，而是根據(jù)各自的實(shí)際內(nèi)容按比例分配再看看td的height設(shè)置吧，這個(gè)相對簡單一點(diǎn)了，不過各個(gè)td的；要使用div做一個(gè)表格，主要需要應(yīng)用到css中的border表框?qū)傩裕@樣看起來才像是一個(gè)表格示例代碼如下html代碼ltdiv class=quottablequot ltdiv class=quotcolquot第一個(gè)單元格ltdiv ltdiv class=quotcolquot第二個(gè)單元格ltdiv；1CSS法 可以在標(biāo)簽中設(shè)置margin屬性，即style=quotmargin5px 0 5px 0quot順序上右下左，亦可簡寫為style=quotmargin5px 0quot，這段CSS的作用是在當(dāng)前表格外部的上下各留出5px的空白2空對象法 1；3paddingtop paddingbottom 可以增加上下邊距，很好用的屬性，在bootstrap框架中是通過這個(gè)屬性實(shí)現(xiàn)表格樣式的就算多行，也是一樣保持間距或者結(jié)合使用，選擇一款適合的table tr td padding10px 0 這樣設(shè)置。

4、將表格的布局設(shè)置為固定，然后再對單元格設(shè)置寬度如tabletablelayoutfixedtable tdwidth200px；4樣式也可以根據(jù)個(gè)人需要設(shè)置，設(shè)置單元格的寬度高度，合并單元格，位置，顏色等，示例代碼如下5注意，此代碼“table的意思是表”的含義是將表邊框合并為單個(gè)邊框以合并相鄰的更改6預(yù)覽結(jié)果，一個(gè)制作簡單的HTML表；在“寬”文本框中輸入一個(gè)數(shù)字，比如20，就設(shè)定了這個(gè)單元格的寬度為20pxHTML代碼為lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1。

5、1首先，打開html編輯器，新建html文件，例如indexhtml，編寫問題基礎(chǔ)代碼2在indexhtml中的lttr標(biāo)簽中，輸入樣式代碼style=quotheight100pxquot3瀏覽器運(yùn)行indexhtml頁面，此時(shí)表格的行高成功被設(shè)置為了100px；如圖，第三個(gè)就不用添加，因?yàn)榍皟蓚€(gè)已經(jīng)確定，所以第三個(gè)也已經(jīng)確定當(dāng)然，也可以使用百分比來設(shè)定單元格的寬度，效果也是一樣的7 如圖，我們可以看下網(wǎng)頁效果，三個(gè)表格的寬度都不一樣了。

6、因?yàn)橛泻喜卧瘢云渌麤]有合并的單元格的寬度會平均化，建議樣式寬度使用百分比，style=quotwidth百分比quot，也要給其他單元格設(shè)置百比的寬度，如ltcol style=quotwidth百分比quot。