Css 单行中的单个td的大小

我试图在一个表行中确定单个td的大小

<table>
  <tr>
     <td>
       <span>1</span>
     </td>
     <td marked="true"> <!-- Should be 80px height and width -->
       <span>2</span>
     </td>
     <td>
       <span>3</span>
     </td>
  </tr>
</table>

1.
2.
3.

现在我所有的

td

都有

60px

高度

，并且

宽度

是通过js设置的

我想将

marked=“true”

td

设置为

80px

高度和

宽度，所有其他
td
应保持在
60px
高度

我可以调整
marked=“true”
td
的大小，但问题是，所有其他
td
s
高度也都调整了大小，不应该发生这种情况

我用css用
td
height
和
width
属性进行了尝试，并试图调整
span
的大小，但都不起作用

这有可能吗

非常感谢您的帮助

编辑

现在的情况是这样的：

这是一个可导航的天数表


蓝色边框的
td
应为
80px
高度
和
宽度

其他类应该与之垂直对齐。
向
td
添加一个类


.big{
高度：80px；
宽度：80px；
}

1.
1.
1.
我认为最好不要使用桌子。
相反，我将使用类似以下HTML的内容：

<div id="dayList">
    <div>7</div>
    <div>8</div>
    <div data-marked="true">9</div>
    <div class="Weekend">10</div>
    <div class="Weekend">11</div>
</div>

它看起来是这样的：

可能是这样的：

<table>
   <tr>
 <td></td>
 <td rowspan="3" marked="true" class="marked" width="80" height="80">test</td>
 <td></td>
</tr>
 <tr>
 <td>
   <span>1</span>
 </td>
 <td>
   <span>1</span>
 </td>
  </tr>
  <tr>
 <td></td>
 <td></td>
 </tr>
</table>

“这似乎和预期的一样有效，”添加了类。窄：

.narrow {
  border-top: 25px solid transparent; 
  border-bottom: 25px solid transparent;
}

这将所有其他td的大小调整为80px高度，它们应该保持在60px这是我已经做过的，问题是，所有其他td的高度都调整为80px，它们应该保持在60px。您需要使用表格吗？你能发送一张你希望最终外观如何的参考图片吗？例如，我问你为什么可以使用一个“div”网格，我让它几乎像@rinatoptimus answer一样工作，但它使一切变得更加复杂。所以我认为你是对的，我会把桌子移走。我不是这个问题的答案，但我会接受，因为这就是我的结局。thxI认为，除了使用额外的td和tr以及rowspan和colspan之外，没有简单的方法使用table。根据最终外观，您可能需要在每次包裹时交换nowrap。是的，我就是这样做的（附加td等），但这绝对不是一个干净的方法。在第一个和第三个步骤中添加height=“20”，这几乎就完成了，您知道是否可以使用rowspan向上，所以在我的主要tr之前和之后各有一个tr？我不清楚。现在，主tr上方和下方各有一个tr。你的意思是你不想将rowspan添加到第一个tr，而是添加到第二个tr吗？因为现在我只有一个tr，其中包含我的天数，如果我可以在实际tr前后添加一个空tr，并向上和向下添加rowspan，这就可以实现。但这是不可能的。好吧，在主tr之前和之后添加tr是不可能的，你是对的。不幸的是，如果没有真实的例子，很难找到决策。尽量只保留主tr，并将这些样式添加到第一个和第二个td中：边框顶部：25px实心透明；边框底部：25px实心透明；看起来是一个简单的解决方法，但我需要一个1px边框尝试将这些样式添加到.qq span{padding:10px；background color:grey；border:1px solid black；}
td {
  border: 1px solid green;
}

.narrow {
  border-top: 25px solid transparent; 
  border-bottom: 25px solid transparent;
}