html设置了固定宽度的表格单元格，当鼠标按下拖动单元格时能将原来单元格的固定宽度变为自适应吗，请提供代码

HTML本身并不直接支持动态改变单元格宽度的拖放功能，这通常需要结合CSS和JavaScript来实现。这里是一个简单的示例，使用JavaScript配合CSS来实现在拖动单元格边框时改变其宽度：

首先，在HTML中创建一个固定的宽度的表格：

<table id="draggableTable">
  <tr>
    <td style="width: 200px; border: 1px solid black;">单元格1</td>
    <td style="width: 200px; border: 1px solid black;">单元格2</td>
  </tr>
</table>

接下来，使用JavaScript监听拖放事件（假设使用`mousedown`和`mousemove`事件）：

document.getElementById('draggableTable').addEventListener('mousedown', function(e) {
  const cell = e.target;
  if (cell.tagName.toLowerCase() === 'td') {
    let initialWidth = parseInt(cell.style.width);
    
    cell.addEventListener('mousemove', function(event) {
      event.preventDefault(); // 阻止默认的拖放行为
      cell.style.width = `${event.clientX - cell.offsetLeft}px`; // 根据鼠标位置动态更新宽度
    });
    
    cell.addEventListener('mouseup', function() {
      cell.removeEventListener('mousemove');
      cell.style.width = initialWidth + 'px'; // 回复初始宽度
    });
  }
});

以上代码会在单元格被点击后开始监听鼠标的移动事件，并实时调整单元格宽度。注意这只是一个基础示例，实际应用可能还需要处理更多边界情况和兼容性问题。