PS. 由于使用的附件作為圖片,使用其他瀏覽器測試時,保證登錄才能看到完整效果;蛘 點此下載(感謝by0001提供的下載包)
^-^ 三更半夜果然適于思考,辦法有點怪,讓我們先看看效果:
運行代碼框
[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]
大家可以試試將li標簽的寬度修改后進行測試。
接下來有興趣的朋友可以看看原理的解釋:
思路: 我們要達到的效果是:當“字符超過額定寬度”,則“顯示三個小點”。 => 當“字符超過額定寬度”,對于頁面來說可能發(fā)生的一個改變就是:換行! => 換行將導致該范圍的底線降低。 => 那么,我們的目的則可以換算成:該范圍的底線降低時顯示三個小點。
英文句子和連續(xù)字母/數(shù)字測試效果在非IE下欠佳(因為不自動換行),可以配合js來完善。
有好的建議或意見,請多多指教。
經(jīng)典論壇交流: http://bbs.blueidea.com/thread-2915238-1-1.html
本文鏈接:http://www.95time.cn/tech/web/2009/6494.asp
出處:藍色理想
責任編輯:bluehearts
◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論,我還想發(fā)表評論。
|