css水平垂直居中对齐的三种方法

发布时间:2020-05-14 10:42:41 作者:Leah
来源:亿速云 阅读:169

这篇文章主要介绍了css水平垂直居中对齐的三种方法,具有一定借鉴价值,需要的朋友可以参考下。如下资料是关于css水平垂直居中对齐的内容。

一、文字的水平垂直居中

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

二、元素的水平垂直居中

1、使用绝对定位

css水平垂直居中对齐的三种方法

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

css水平垂直居中对齐的三种方法

3、使用绝对定位+transform

css水平垂直居中对齐的三种方法

以上就是css水平垂直居中对齐的三种方法,代码详细清楚,如果在日常工作遇到这个问题,希望你能通过这篇文章解决问题。如果想了解更多相关内容,欢迎关注亿速云行业资讯频道!

推荐阅读:
  1. CSS如何实现文本左对齐、右对齐和居中对齐
  2. css图片实现垂直对齐的方法

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css css水平垂直居中对齐 中对

上一篇:原生js实现横向瀑布流

下一篇:vim退出命令介绍

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》