確定什麼文字被隱藏由於溢出：隱藏

我已經搜查，但我似乎無法找到如何做到這一點的答案。確定什麼文字被隱藏由於溢出：隱藏

我希望能夠確定哪些文本隱藏/不可見，而使用溢出：隱藏在一個div。我試圖在屏幕打印時管理一些分頁。

在下面的（簡化）示例中，我希望能夠確定div-1中的哪些文本不可見，因此可以通過javascript或jQuery將它移動到div-2。

// css 
.divs { 
    width: 250px; 
    overflow: hidden; 
    white-space: nowrap; 
} 


// html 
<div class="divs" id="div-1"> 
    This is some text that I can see ... 
    but this text is not visible due to overflow: hidden 
</div> 

<div class="divs" id="div-2"></div>

來源

2015-03-31 Mr Glass

另一個解決方案，無需使用某種令人費解的方法，就像在'包裹每個字符'，做在Javascript中一些瘋狂的忍者定位檢查，這是不是真的有可能。你可能想在這裏重新考慮你對整個系統的方法。 – Aweary 2015-03-31 18:36:44

@Aweary，謝謝你確認我的懷疑。 – 2015-03-31 19:45:48

據我所知，沒有方法可以確定哪些文本被隱藏，哪些文本被顯示。您可以嘗試這樣的解決方法：通過將字母度量（寬度）與字符數相乘來計算文本的寬度。然後與div進行比較，但並不總是準確的。

PS：這裏存在How to find the last visible word position in a text container?

來源

2015-03-31 18:39:09

謝謝！你的鏈接可能會給我我需要做的工作。 – 2015-03-31 19:48:33

upvote怎麼樣？ – 2015-03-31 19:49:46

我的帳戶是新的。我目前沒有聲望點投票。 – 2015-03-31 20:10:32

確定什麼文字被隱藏由於溢出：隱藏

回答

相關問題