博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
如何用CSS让一个容器水平垂直居中?
阅读量:5950 次
发布时间:2019-06-19

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

- 第一类(被居中的元素有固定的宽高)


效果:

clipboard.png

  1. 第一种方法(绝对定位 + 负margin)

2.第二种方法(绝对定位 + margin: auto)

3.第三种方法(flex)

- 第二类(被居中的元素任意高度)


效果:

clipboard.pngclipboard.png

方法:display:table-cell:

张三丰

- 第三类(被居中的元素 宽高都不限制)


效果:

clipboard.png

1.CSS3 flex

小阿三

2.transform:

小阿三

- 第四类(让图片居中)


效果:

clipboard.png

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

你可能感兴趣的文章
数据库索引探索
查看>>
struts2使用json需要注意的问题
查看>>
gitlab runner 优化
查看>>
快速添加百度网盘文件到Aria2 猴油脚本
查看>>
mac 无法登录mysql的解决办法
查看>>
Shiro权限判断异常之命名导致的subject.isPermitted 异常
查看>>
Hello world travels in cpp - 字符串(2)
查看>>
struts2自定义拦截器
查看>>
Eclipse安装adt插件后之后看不到andorid manger
查看>>
Kafka服务端脚本详解(1)一topics
查看>>
Zookeeper 集群安装配置,超详细,速度收藏!
查看>>
js中var self=this的解释
查看>>
js--字符串reverse
查看>>
面试题
查看>>
Facebook 接入之获取各个配置参数
查看>>
android ant Compile failed; see the compiler error
查看>>
项目经理笔记一
查看>>
[原]Jenkins(三)---Jenkins初始配置和插件配置
查看>>
Cache Plugin 实现过程
查看>>
HBase Compaction详解
查看>>