タグ: CSS | 次世代 Hugo

在 Iframe 內加上額外 HTML Element

<Iframe> 內放的是其他網站，我們無法改變其 source code，但我們可透過 CSS 將 HTML Element 放在 <iframe> 上面，看起來好像是該網站原本就有的 Element。

2024-08-17

實務上常遇到只有一些 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