運行代碼框
[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]
大家可以試試將li標簽的寬度修改後進行測試。
接下來有興趣的朋友可以看看原理的解釋:
思路:
我們要達到的效果是:當“字符超過額定寬度”,則“顯示三個小點”。
=> 當“字符超過額定寬度”,對於頁面來說可能發生的一個改變就是:換行!
=> 換行將導致該范圍的底線降低。
=> 那麼,我們的目的則可以換算成:該范圍的底線降低時顯示三個小點。
英文句子和連續字母/數字測試效果在非IE下欠佳(因為不自動換行),可以配合JS來完善。
有好的建議或意見,請多多指教。