使用 transform 水平置中
搭配 Relative / Absolute Position,也能使用 transform + translate() 水平置中。
搭配 Relative / Absolute Position,也能使用 transform + translate() 水平置中。
當使用 3rd Party 的 Package 時,若只有特定 Page 想要改變其內部 CSS Style,其他 Page 則維持不變,該如何才不會影響到其他 Page 呢 ?
Quote 為常見的 Component,在不改變 HTML 前提下可使用 :before 與 :after 實作。
Underline 為常見的 Component,在不改變 HTML 前提下可使用 :after 實作。
Check List 為常見的 Component,在不改變 HTML 前提下可使用 :before 實作。
實務上有時會需要三角形加以裝飾,此時不必使用圖片,只要使用 CSS 就可繪製三角形。
after 允許我們動態新增內容,也因為本質是 Element,所以可以設定各種 CSS Property。
before 允許我們動態新增內容,也因為本質是 Element,所以可以設定各種 CSS Property。
在右上角帶有 Badge 顯示特別資訊亦為常見 Layout,可使用 Absolute Position + Relative Position 實現。
Card 常在左上角帶有 Ribbon 顯示特別資訊,可使用 Absolute Position + Relative Position 實現。