如何在html中使TR/TD不可移动

How to make TR/TD immovable in html?

本文关键字：TD 可移动 TR 中使 html      更新时间：2023-09-26

嗨，我有一张表，里面有几个td和tr。我的一些tr在悬停时有样式（更改背景颜色和字体样式为粗体等）。我面临的问题是，当我将鼠标悬停在/悬停在字段上时，字段按预期进行样式设置，但td/tr列会因此而移动或抖动。有没有办法防止这种情况发生？提前谢谢。

以下是我的css，

.customCHTR:hover
{
  border: red;
  background-color:#e7e7e7;
  font-weight:bold;
}

定义td的边界大小并在悬停时保持不变很重要。此外，你应该在td中添加一个width属性。这应该可以解决你的问题。

td {
  border: 2px solid #000;
  width: 50%;
}
.customCHTR:hover {
  border: 2px solid red;
  background-color: #e7e7e7;
  font-weight: bold;
}

这是一把小提琴，所以你可以看到它在演奏。希望能有所帮助。

相关文章：