white-space等於nowrap時,三個最最常用的應用場景

點擊右上方紅色按鈕關注“小鄭搞碼事”,每天都能學到知識,搞懂一個問題!

上篇詳細寫了white-space屬性的取值情況,其中當取值為nowrap時,其作用:與normal區別是不會因為超出容器寬度而發生換行。

然而,屬性不管取什麼值,最終的作用都是解決實際的問題,所以這裡來總結一下關於white-space取nowrap時的幾個常用的應用場景。

場景一:包含塊尺寸小

white-space等於nowrap時,三個最最常用的應用場景

場景二:單行文字溢出點點效果

white-space等於nowrap時,三個最最常用的應用場景

場景三:水平列表滑動切換

white-space等於nowrap時,三個最最常用的應用場景

最後總結:

關於white-space等於nowrap的最常見的三個使用場景就說到這,這幾個都在日常業務中最最最最常見的,經常寫,個人覺得,非常值得好好總結一下。

如有同學要源代碼運行一下上面三種效果的話,可以私信我哈。或者自己寫一個也很容易。關鍵是要自己驗證一下。


分享到:


相關文章: