【工程師有福啦！】未來必備的新CSS

Anchor Positioning

CSS Anchor Positioning 應用在佈局中可 使用錨點來定位元素 ，提供了更彈性的設計。特別適合需要複雜定位的設計考量，如浮動視窗、彈跳視窗與頁籤的視覺呈現；原本需要寫JS才能達到的效果，等到此CSS普及後，就不用再寫很多行才能達成啦～！而你可以這麼做：在 CSS 中使用 anchor 屬性來定義錨點，並使用 position-anchor 屬性來定位元素。

Table Layout

CSS Table Layout 提供了一種簡單而高效的方式來處理響應式表格的呈現，特別是對於 需要精確控制的表格數據表現 。可以使用 display: table，而table-layout你可以寫auto或是fixed來應用在專案上。

Animation Timeline

CSS Animation Timeline 讓工程師更方便地 控制動畫的時間軸和同步 ，提供了更細節的動畫控制選項。可以使用 @keyframes 定義動畫，並使用 animation-timeline 屬性跟蹤scroll的互動效果等。

Align-Content

CSS Align-Content 是一個已有的屬性，更進一步提升了對元素對齊的控制，特別是在 Flexbox 和 Grid 佈局中。可以使用 align-content 屬性來對齊和分配空間，但最令人興奮的是，現在寫display: block也可以做到垂直置中！不需要指定flex或是grid囉！