Question

的示例

当用户将鼠标悬停在long text范围内时，范围会扩大，td的大小会发生变化。我想阻止这种变化。无论内跨度多长，我都希望td具有相同的大小。有可能吗？

Answer 1

虽然你可以使td的宽度更大，但是只要标签长度有限，只提供有限的选项，另一个更安全的解决方案是相对于现有的跨度绝对定位跨度，如下所示：{ {3}}

HTML：

<span class="label"><span class="long label">long long long text</span>long text</span>

CSS：

.label{
    position:relative;
}
.long{
    position:absolute;
    left:0px;
    top:0px;
    display:none;
}

JS：

handlerIn = function(e) {
  span.find(".long").show(); 
}
handlerOut = function(e) {
  span.find(".long").hide();   
}

Answer 2

将td设置为相对位置，并将跨度设置为absolutley，然后设置跨度的位置，也可以设置宽度。跨度也需要显示为块。这应该使跨度保持原样，并且它将以任何方式重叠。跨度应该有点像工具提示。

Answer 3

试试这个：

基本上想法是固定td或span的宽度

span
{
    width:50px;
    overflow-x:scroll; /* or hidden */
}

Answer 4

只需添加此css规则

即可

td {
    max-width: 87px;
}

试试here

Answer 5

尝试使用最小宽度和最大宽度为你的td然后你有你想要的

CSS

.tds{
max-width: 60px;min-width: 60px;
}

Answer 6

.label类中有nowrap样式。
只需将white-space设置为normal即可将其删除。

.label{
    width:55px;
    word-wrap:break-word;
    white-space: normal !important;
}