タグ: CSS | 次世代 Hugo

佔據剩餘高度

實務上常遇到只有一些 column 要指定高度，但最後剩下的 column 自動佔據剩餘高度即可，可用 calc() 或 flex = 1 達成。

2024-06-22

實務上常遇到只有一些 column 要指定寬度，但最後剩下的 column 自動佔據剩餘寬度即可，可用 calc() 或 flex = 1 達成。

2024-06-22

Tooltip 為實務上常見效果，可使用 JavaScript + CSS 實現。

2024-05-27

Tooltip 為實務上常見效果，可完全使用 CSS 實現。

2024-05-26

實務上會遇到某些 Column 會指定寬度，但剩下 Column 則自動 均分 剩餘寬度，可使用 flex-grow 或 flex 實現。

2024-05-26

當字幕不斷動態地增加時，字幕會向上捲動，需使用一些 JavaScript 與 CSS 技巧才能實現。

2024-05-26

Except for px, em and rem are popular units for font size.

2021-12-30

若希望 Browser 能自動均分 section 剩餘寬度，可使用 justify-content 的 space 系列設定。

2021-06-26

若希望 Browser 能自動均分 section 剩餘寬度，可使用 justify-content 的 space 系列設定。

2021-06-25

若希望 Browser 能自動均分 section 剩餘寬度，可使用 justify-content 的 space 系列設定。

2021-06-25