更彈性化的文字設定,max-width 與 max-height

設計是一門學問。

使用方式

當區塊過大或過小時,文字可能會被拉的很長或很短,很難看。這時候可以善用 max-widthmax-height 來解決,參考下面的圖:

💡 註:這是我參加 Frontend Mentor 挑戰中的範例,有興趣的話可以參考一下。

範例一:

max-width

範例二:

max-height

CSS 之我的 scrollbar 比較好看 如何正確的隱藏文字
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×