首頁  >  文章  >  web前端  >  css中常用的水平垂直居中對齊方法有哪些

css中常用的水平垂直居中對齊方法有哪些

王林
王林轉載
2020-05-13 09:12:113619瀏覽

css中常用的水平垂直居中對齊方法有哪些

一、文字的水平垂直居中

text-align: center;    
line-height: 单前元素高度;

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

二、元素的水平垂直居中

1、使用絕對定位

css中常用的水平垂直居中對齊方法有哪些

2、使用絕對定位calc()

css中常用的水平垂直居中對齊方法有哪些

3、使用絕對定位transform

css中常用的水平垂直居中對齊方法有哪些

#4、使用display:flex;

css中常用的水平垂直居中對齊方法有哪些

推薦教學:css快速入門

#

以上是css中常用的水平垂直居中對齊方法有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:cnblogs.com。如有侵權,請聯絡admin@php.cn刪除