css中常用的水平垂直居中对齐方法有哪些
来源:动视网
责编:小采
时间:2020-11-02 22:15:32
css中常用的水平垂直居中对齐方法有哪些
css中常用的水平垂直居中对齐方法有哪些:一、文字的水平垂直居中text-align: center; line-height: 单前元素高度;(视频教程推荐:css视频教程)二、元素的水平垂直居中1、使用绝对定位2、使用绝对定位+ calc()3、使用绝对定位+transform4、使用display:flex;推荐教程:css快速入门
导读css中常用的水平垂直居中对齐方法有哪些:一、文字的水平垂直居中text-align: center; line-height: 单前元素高度;(视频教程推荐:css视频教程)二、元素的水平垂直居中1、使用绝对定位2、使用绝对定位+ calc()3、使用绝对定位+transform4、使用display:flex;推荐教程:css快速入门

一、文字的水平垂直居中
text-align: center;
line-height: 单前元素高度;
(视频教程推荐:css视频教程)
二、元素的水平垂直居中
1、使用绝对定位

2、使用绝对定位+ calc()

3、使用绝对定位+transform

4、使用display:flex;

推荐教程:css快速入门
css中常用的水平垂直居中对齐方法有哪些
css中常用的水平垂直居中对齐方法有哪些:一、文字的水平垂直居中text-align: center; line-height: 单前元素高度;(视频教程推荐:css视频教程)二、元素的水平垂直居中1、使用绝对定位2、使用绝对定位+ calc()3、使用绝对定位+transform4、使用display:flex;推荐教程:css快速入门