CSS的水平置中很簡單，但是垂直置中就不是這麼容易了，即使是網頁設計從業者，也常常碰到效果做不到位的問題！設計師使用CSS語法時，若需要垂直置中物件，常會卡關。主要原因在於CSS初期是針對Web文檔設計，垂直置中需求不大，因此沒有設計語法。早期常用height=line-height方式解決，遇到多行文字時常無法使用。
隨著CSS開發技術演進，CSS Float就是其中一種業界常用技巧，CSS Float浮動功能主要用來定義區塊浮動，控制網頁物件位置，讓網頁更美觀，可用於文字繞圖或DIV區塊排版，而Float可讓DIV區塊的span、圖片、影片…等元素浮動排列，多欄式網頁也多採用Float技巧規劃，多數主流瀏覽器也都支援CSS Float浮動功能，想解決垂直置中痛點？業界專家線上解析 Float浮動功能應用，精彩內容不可錯過！