當(dāng)前位置:軟件學(xué)堂 > 資訊首頁 > 網(wǎng)絡(luò)編程 > DIV+CSS > table寬度屬性width

table寬度屬性width

2012/11/20 13:53:05作者:佚名來源:網(wǎng)絡(luò)

移動端

【實例介紹】

table寬度屬性width

默認(rèn)情況下,單元格的寬度會根據(jù)內(nèi)容自動調(diào)整,也可以通過width調(diào)整單元格的寬度。

【基本語法】

<td width="單元格寬度">

【語法介紹】

單元格寬度的單位是像素。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>寬度屬性</title> </head>

<body><b> 五一大優(yōu)惠 </b> <table width="82%" border="1" cellpadding="5" cellspacing="1">   <tr>     <td width="260">1、冰電波拉皮單次價格800元</td>     <td >每人限購1個療程</td>   </tr>   <tr>     <td>2、華爾茲冰點脫毛小腿體驗價格500元</td>     <td>小腿療程價格6折優(yōu)惠,其他部位8折優(yōu)惠</td>   </tr>   <tr>     <td>3、伊凡露、玻尿酸</td>     <td>買一支送一支</td>   </tr> </table> </body> </html>

 

【代碼分析】

在代碼中,加粗部分的代碼標(biāo)記用于設(shè)置單元格的寬度大小,在瀏覽器中預(yù)覽,效果如圖所示。

寬度屬性widm運行效果

 【素材及源碼下載】

請點擊:寬度屬性widm 下載本實例相關(guān)素材及源碼

 

標(biāo)簽: table  寬度  屬性