超過寬度顯示省略號(無js無hack全兼容) .
PS. 由于使用的附件作為圖片,使用其他瀏覽器測試時,保證登錄才能看到完整效果。或者 點此下載(感謝by0001提供的下載包)
^-^ 三更半夜果然適于思考,辦法有點怪,讓我們先看看效果:
提示:您可以先修改部分代碼再運行
大家可以試試將li標簽的寬度修改后進行測試。
接下來有興趣的朋友可以看看原理的解釋:
思路:
我們要達到的效果是:當“字符超過額定寬度”,則“顯示三個小點”。
=> 當“字符超過額定寬度”,對于頁面來說可能發生的一個改變就是:換行!
新聞熱點
疑難解答