2017-07-31 37 views
0

我在table.The第一TR許多TRS有兩個TDS,第二TR有四個tds.But TDS之間無法對齊精細第一TR和第二tr.Here是我的代碼:如何使td寬度與td不同? HTML

<tr> 
<td style="width:20%" id="firTD">appName</td> 
<td style="width:80%" id="secTD">micro</td>  
</tr> 
<tr> 
    <td style="width:20%" id="thirdTD">appPeople:</td> 
    <td style="width:80%" colspan="3" id="fourthTD"> 
     <td colspan="1" style="width:30%" id="fifTD">name </td> 
     <td colspan="1" style="width:30%" id="sixTD">company</td> 
     <td colspan="1" style="width:40%" id="sevTD">cellphone</td> 
    </td> 
</tr> 

我想要的是:第四個TD寬度= secTD寬度,fifTD + sixTD + sevTD寬度= fourTD寬度。但是實際上,fifTD寬度= secTD寬度。它工作失敗。誰能幫助我?

回答

1

使用colspan這樣的:

<tr> 
    <td style="width:20%" id="firTD">appName</td> 
    <td style="width:80%" colspan="3" id="secTD">micro</td>  
</tr> 
<tr> 
    <td style="width:20%" id="thirdTD">appPeople:</td> 
    <td style="width:25%" id="fifTD">name </td> 
    <td style="width:25%" id="sixTD">company</td> 
    <td style="width:30%" id="sevTD">cellphone</td> 
</tr> 
+0

@Uagi Miyamot,ThankYou.It工作正常。 – john