2012-02-06 102 views
0

在我的div大小例如100x200px,我有一個html格式的字符串。如果字符串大小(或長度?)大於此大小(然後我想使用工具提示),我想限制該字符串的顯示字符的計數。任何想法如何做到這一點?我可以將該字符串轉換爲普通版本,然後檢查大小,但這是個好主意嗎?如何檢查字符串大小是否大於其容器的大小?


我發現文章的檢查:

http://blog.mastykarz.nl/measuring-the-length-of-a-string-in-pixels-using-javascript/


我已經注意到了另一個問題,字符串微調似乎是工作,但是,我想查看修剪過的字符串保存其html標籤

回答

2

創建一個相同的div(但沒有滾動限制)與字符串內的某處用戶不能看到它的地方,並檢查它的大小。

然後遍歷字符串,同時一次刪除幾個字符,直到它合適。

2

你可以將字符串放在另一個(隱藏)元素中,如span,禁用樣式封裝 - 在腳本中可以獲得此跨度的寬度,並可以比較它是否大於div。

不要忘記設置像white-space:nowrap

適當的樣式限制你可以設置溢出固定大小字段:隱藏(你必須設置overflow:visible在無形span)。這樣,角色就會被切斷,用戶可能會看到文字更多。

+0

你能得到隱藏元素的寬度嗎? – 2012-02-06 10:55:32

相關問題