博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS居中总结大全
阅读量:6458 次
发布时间:2019-06-23

本文共 583 字,大约阅读时间需要 1 分钟。

CSS中居中的几种方式

1.水平居中margin:0 auto;块级元素在块级元素中居中设置在子元素上,前提是不受float影响2.text-align只对行级元素有用,行级元素设置浮动,或者设置定位之后。给它的父元素设置text-aglin:center不会使它在父元素中居中3.margin:0 auto对于已经定位的元素没有作用,已经定位的元素靠left和top定位4.text-align只能让其div包含的行级元素中的文字或者是行块级元素中的文字水平居中5.text-align这个属性只作用于文本元素,在p标签中在没有border的情况下,作用于让文本在div中居中,在文本有border**的情况下,作用于让文本内容在border范围内居中。这时若是想让p标签整体在div中居中,则需要设置margin:0 auto来达到居中效果

2.水平垂直居中

需要水平垂直居中的元素减去margin的宽高一半,这个方法同样适用于float的元素

margin-auto水平垂直居中

水平垂直居中(三)

绝对定位和transfrom
很厉害的方式

水平垂直居中(四)

利用C3的新特性flex,在移动端使用完美,pc端有兼容问题

转载地址:http://gsizo.baihongyu.com/

你可能感兴趣的文章
odoo 权限设置
查看>>
asp操作access提示“无法从指定的数据表中删除”
查看>>
git bash 风格调整
查看>>
bzoj4589 Hard Nim
查看>>
java实现pdf旋转_基于Java实现PDF文本旋转倾斜
查看>>
python time库3.8_python3中datetime库,time库以及pandas中的时间函数区别与详解
查看>>
贪吃蛇java程序简化版_JAVA简版贪吃蛇
查看>>
poi java web_WebPOI JavaWeb 项目 导出excel表格(.xls) Develop 238万源代码下载- www.pudn.com...
查看>>
oracle报1405,【案例】Oracle报错ORA-15054 asm diskgroup无法mount的解决办法
查看>>
linux 脚本map,Linux Shell Map的用法详解
查看>>
如何在linux系统下配置共享文件夹,如何在windows和Linux系统之间共享文件夹.doc
查看>>
linux操作系统加固软件,系统安全:教你Linux操作系统的安全加固
查看>>
linux中yum源安装dhcp,24.Linux系统下动态网络源部署方法(dhcpd)
查看>>
ASP.NET性能优化之分布式Session
查看>>
TaffyDB Introduction
查看>>
转载:《TypeScript 中文入门教程》 16、Symbols
查看>>
JavaScript、jQuery、HTML5、Node.js实例大全-读书笔记4
查看>>
C#技术------垃圾回收机制(GC)
查看>>
漫谈并发编程(三):共享受限资源
查看>>
【转】github如何删除一个仓库
查看>>