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

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

目前创新互联建站已为成百上千家的企业提供了网站建设、域名、网页空间、网站托管、服务器租用、企业网站设计、临桂网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

一、文字的水平垂直居中

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

二、元素的水平垂直居中

1、使用绝对定位

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

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

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

3、使用绝对定位+transform

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

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


当前题目:css水平垂直居中对齐的三种方法
本文链接:http://bzwzjz.com/article/pcjdho.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站制作 成都网站建设 专业网站建设 重庆网站制作 成都网站制作 梓潼网站设计 网站建设 成都网站设计制作公司 温江网站设计 营销型网站建设 网站设计制作报价 企业网站设计 网站建设推广 手机网站建设 广安网站设计 网站建设方案 网站设计 成都网站设计 高端网站设计推广 成都网站设计 高端品牌网站建设 成都网站建设公司