Question

如何调整表格中第二个单元格的长度？
我想减少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>

Answer 1

如果您向头部添加colspan="2"，则可以通过添加其他表数据来缩小底部行。

我为你做了jsfiddle。

＆＃13;

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;
}

＆＃13;

<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>

＆＃13;

如何调整表格中第二个单元格的长度？

1 个答案: