首頁 > web前端 > css教學 > css3怎麼讓文字垂直居中顯示

css3怎麼讓文字垂直居中顯示

王林
發布: 2020-11-20 09:12:45
原創
2736 人瀏覽過

css3讓文字垂直居中顯示的方法:可以透過使用絕對定位和transform屬性來實現,如【position:relative; transform:translate(50%,-50%);】。

css3怎麼讓文字垂直居中顯示

實作想法:

透過使用絕對定位和transform屬性來實現。

(影片教學建議:css影片教學

屬性介紹:

Transform屬性套用於元素的2D或3D轉換。這個屬性允許你將元素旋轉,縮放,移動,傾斜等。

語法:

transform: none|transform-functions;
登入後複製

測試程式碼:

css3怎麼讓文字垂直居中顯示

#說明:

這種方法非常明顯的好處就是不必事先知道被居中的元素的尺寸,因為transform中偏移的百分比就是相對於元素本身的尺寸而言。

相關推薦:CSS教學

以上是css3怎麼讓文字垂直居中顯示的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板