在隐藏溢出的父级获取文本内容宽度

我试图获得与Excel类似的功能，双击列重新分级并将特定列扩展到该列中的最大内容宽度。在隐藏溢出的父级获取文本内容宽度

问题：我不知道如何获得带有溢出隐藏和文本溢出省略号的div内的文本内容宽度。而且我不确定我需要申请这项工作的技巧。我从来没有尝试过这样的事情。

当前的HTML标记：

<div style="width: @manuallySetWidthInPx">text</div>

当前CSS：

position: relative; 
min-width: 50px; 
float: left; 
padding: 5px; 
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
box-sizing: border-box; 
white-space: nowrap; 
overflow: hidden; 
-ms-text-overflow: ellipsis; 
-o-text-overflow: ellipsis; 
text-overflow: ellipsis;

我如何需要重新因子<div />和CSS来获得内部文本内容实际宽度？
我很好，使用jQuery。

注意：我试图做到这一点，同时保持文本省略，所以如果我需要克隆该行，我很好。

来源

2013-10-06 skmasq

我做一个DIV，并把它关闭屏幕下面的CSS

#two{ 
    width: auto !important; 
    top: -100px; 
}

HTML

<div id = "one"> 
    gibbfasdfsdfasdfasdfasdfasdfASDadsAS 
</div> 

<div id = "two"> 


</div>

然后使用以下JavaScript来所示DIV的文本传送至隐藏DIV和抓住隐藏的DIV宽度。

$(document).on("click", "#one", function(){ 
    var value = $("#one").text(); 
    $("#two").text(value); 
    var div_width = $("#two").width(); 
    alert(div_width); 
});

小提琴here

根据您使用上面的JavaScript代码的情况下，可能会有一些性能问题。我没有看到任何运行200次循环的问题，虽然

来源

2013-10-06 09:11:21

在你的例子中，你打开div。我想要的是在px中获得该宽度而不改变div的显示方式。是否有可能在背景设置宽度自动复制这个div然后获取宽度，然后将其删除？如果是的话，它会不会影响性能，如果我将遍历200个元素克隆和删除？ – skmasq

@skmasq我明白你在问什么。查看更新后的答案 –

在隐藏溢出的父级获取文本内容宽度

回答

相关问题