DIV 區塊內文字水平置中技巧@ 33sas8a2努力生活 - 隨意窩

在DIV 區塊內可以放很多的網頁元素，文字當然也不例外，既然如此，如何讓文字在div 區塊內對齊就顯得非常重要了，如果是要設定左右對齊（水平對齊）的話，可以使用CSS ... 33sas8a2努力生活其實不用寫序數對吧日誌相簿影音好友名片 201503041409DIV區塊內文字水平置中技巧?未分類在DIV區塊內可以放很多的網頁元素，文字當然也不例外，既然如此，如何讓文字在div區塊內對齊就顯得非常重要了，如果是要設定左右對齊（水平對齊）的話，可以使用CSS內建的 text-align來處理，靠左邊對齊用left，靠右邊對齊用right，置中對齊就用center，很簡單吧！？其實text-align正是css標準的文字對齊方式，可以直接套用在div區塊內，以下我們寫個簡單的範例來研究。

測試DIV區塊內文字水平置中對齊 範例的效果 測試DIV區塊內文字水平置中對齊 我們在範例div區塊的開頭tag使用了text-align屬性並標註為center，如此一來div區塊內的所有元素都會置中對齊，當然也包含了區塊內的文字，這是div區塊內文字置中對齊的標準寫法，學起來吧！ Css的text-align只能設計水平方向的對齊方式，而不能控制垂直方向也就是 y軸方向的對齊，css在垂直方向的對齊設計與傳統的html有著不一樣的觀念之後有時間再來分享。

參考資料 CSS學習筆記:CSStext-align水平對齊設計 nabcc/Xuite日誌/回應(0)/引用(0)沒有上一則|日誌首頁|沒有下一則回應 關鍵字 yourrecorder's新文章家樂福線上購物3M空氣清淨機濾網CHIMSPD-02UCF2021促銷活動買起來很便宜中壢榕小麵的炸餃子好吃吃著來自日本沖繩的點心，想著點心的英文幼獅工業區內的郭元益糕餅博物館桃園楊梅館（郭元益觀光工廠）值得一去男人也是人也是需要休息的星際效應電影心得InterstellarDIV區塊內文字水平置中技巧孩子一哭就給糖的父母是最爛的父母老人家吃湯圓要注意安全，別噎到了，家人應該在旁邊如何在網頁內嵌入CSS檔案？可以用HTMLlinktag做到 我的最愛616討論區