成都网站建设设计

将想法与焦点和您一起共享

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

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

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

一、文字的水平垂直居中

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

二、元素的水平垂直居中

1、使用绝对定位

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

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

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

3、使用绝对定位+transform

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

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


本文标题:css水平垂直居中对齐的三种方法
分享链接:http://chengdu.cdxwcx.cn/article/pcjdho.html