您的位置 首页 css教程

css中常用的水平垂直居中对齐方法有哪些

一、文字的水平垂直居中

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

(视频教程推荐:css视频教程)

二、元素的水平垂直居中

1、使用绝对定位

eb3cd0d2a1099737b5a23898393d6c1.png

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

aedb3fb8a3a3319f2450bdfabf969b9.png

3、使用绝对定位+transform

bf509a0c6ae0463ef0313acb6e462ec.png

4、使用display:flex;

e621c684a40192bc24205a152c2114a.png

文章来源:火云技术网

文章标题:css中常用的水平垂直居中对齐方法有哪些

文章地址:https://www.pyhw.net/30081_css%e4%b8%ad%e5%b8%b8%e7%94%a8%e7%9a%84%e6%b0%b4%e5%b9%b3%e5%9e%82%e7%9b%b4%e5%b1%85%e4%b8%ad%e5%af%b9%e9%bd%90%e6%96%b9%e6%b3%95%e6%9c%89%e5%93%aa%e4%ba%9b.html

关于作者: 火云技术网

热门文章

发表评论

您的电子邮箱地址不会被公开。

网站地图