[問題] CSS grid 文字垂直置中

[Rockspirit (Ryan)]

大家好，請問各位是否有使用CSS grid跨欄文字垂直置中的經驗呢?
目前遇到了一個問題：

"第一區" 這幾個文字不管我怎麼調整，他都沒辦法垂直置中...
像這樣 https://jsfiddle.net/rockspirit/9pxv2s3a/7/

有試著加了align-items: center; 在container內，
文字是置中了，但是底色卻填不滿了。
https://jsfiddle.net/rockspirit/9pxv2s3a/8/

想請問各位高手，是否有什麼建議調整的方向呢?

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 61.216.20.43 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1649843565.A.03D.html
推 davidsky: 是我的話會把col-l獨立設定flexbox
→ davidsky: https://jsfiddle.net/9aj01onr/
感謝!!原來這樣就可以!!

→ BugofBook: 有點想知道"asp:Label"是什麼?那不是標準的HTMLtag吧?
→ OrzOGC: asp.net的東西
對唷對唷!這是asp.net的標籤~
※ 編輯: Rockspirit (220.135.236.5 臺灣), 04/14/2022 09:27:58
→ oj113068: 同上，flex-box最簡解
推 Siren1130: 0