Question

我想让一个TD能够输入2个以行分隔的条目

td将在网页1 td中看起来像2个单独的部分）

val/tot
 ___ ___
| 6 | 5 |
 --- ---

由于

Answer 1

根据您的评论，我认为解决方案是在标题上策略性地使用colspan，因此单个标题包含两列。

根据您的评论，我认为解决方案是在标题上策略性地使用colspan，因此单个标题包含两列。请参阅我的示例，了解它的外观。

table-layout的组合：fixed和自动换行：break-word在值改变时保持单元格不变宽，而文本将垂直换行。我在示例中给出了一个很大的价值来表明这一点。

＆＃13;

table, th, td {
   border: 1px solid black;
}
table{
  table-layout:fixed;
  width:200px;
}
.score {
  width:50px;
  word-wrap:break-word;
}

＆＃13;

<table>
<thead>
<tr>
  <th colspan="2">Team 1 Score</th>
  <th colspan="2">Team 2 Score</th>
</tr>
<tr>
   <th>Val</th>
  <th>Tot</th>
  <th>Val</th>
  <th>Tot</th>
  </tr>
</thead>
<tr>
  <td class="team1score currentScore score">50000000</td>
  <td class="team1score cumulativeScore score">10</td>
  <td class="team2score currentScore score">3</td>
  <td class="team2score cumulativeScore score">6</td>  
</tr> 
</table>

＆＃13;

Answer 2

＆＃13;

<table border="1">
  <tr>
    <th scope="col">Team</th>
    <th scope="col" colspan="2">Score</th>
  </tr>
  <tr>
    <th scope="row">Boston</th>
    <!-- The following two cells will appear under the same header -->
    <td> 10 </td>
    <td> 10 </td>
  </tr>
</table>

＆＃13;

有没有办法将表格TD切成2个可编辑的部分？

2 个答案: