如何調整表格中第二個單元格的長度？

如何調整表格中第二個單元格的長度？
我想減少NAME細胞的長度.. 下面是一些代碼：

<html> 
<head> 
<title>Pizza Order Menu</title> 
<style> 

table , td, th {border:1px solid black; text-align:center; width:580px; height:30px;} 
td {width:200px; height:30px; text-align:left;} 


</style> 
</head> 
<body> 
<table> 

<tr > 
<th id="head">Pizza Shop 2.0 </th> 
</tr> 

<tr> 
<td class="name">Name</td> 
</tr> 

</table> 
</body> 
</html>

來源

2015-09-30 Captain

如果減少下部電池的長度，也將降低單元的寬度的行中的上方。他們在同一列。對於同一列，您不能有不同的寬度。但是，您可以在「td」中的「div」中放入「Name」，然後調整「div」的寬度。還有其他選項。也許你可以在你的問題中添加更多細節。 –

如果添加colspan="2"的頭，那麼你可以做底排在另一個表中的數據增加較小。我爲你製作了jsfiddle。

table, 
 
td, 
 
th { 
 
    border: 1px solid black; 
 
    text-align: center; 
 
    width: 580px; 
 
    height: 30px; 
 
} 
 
td { 
 
    width: 200px; 
 
    height: 30px; 
 
    text-align: left; 
 
} 
 
.name { 
 
    width: 10px; 
 
}

<title>Pizza Order Menu</title> 
 

 
<body> 
 
    <table> 
 
    <tr> 
 
     <th id="head" colspan="2">Pizza Shop 2.0</th> 
 
    </tr> 
 
    <tr> 
 
     <td class="name">Name</td> 
 
     <td>test</td> 
 
    </tr> 
 
    </table> 
 
</body>

來源

2015-09-30 18:41:27 PurpleAnarchist

問題很多兄弟解決了 – Captain

如何調整表格中第二個單元格的長度？

回答

相關問題