博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css中居中的居中方法
阅读量:6800 次
发布时间:2019-06-26

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

1:给div设置一个宽度,然后添加margin:0 auto属性

div{    width:200px;    margin:0 auto; }

2:居中一个浮动元素

确定容器的宽高 宽500 高 300 的层  设置层的外边距 .div {      width:500px ; height:300px;//高度可以不设      margin: -150px 0 0 -250px;      position:relative;         //相对定位      background-color:pink;     //方便看效果      left:50%;      top:50%; }

3:让绝对定位的div居中

position: absolute;  width: 1200px;  background: none;  margin: 0 auto;  top: 0;  left: 0;  bottom: 0;  right: 0;

  

转载于:https://www.cnblogs.com/momozjm/p/5735684.html

你可能感兴趣的文章
spring+mybati java config配置引起的bean相互引用日志报警告问题
查看>>
IntelliJ IDEA Web开发之 SpringMvc + Mybatis 之 配置文件
查看>>
常见网络编程面试题答案征集与面试题(收集)
查看>>
文档显示部件,文档编辑部件获取标签的值
查看>>
VMware host-only模式上网设置
查看>>
使用活动目录组策略添加客户端端远程开机自动运行程序
查看>>
tomcat指定虚拟目录
查看>>
TODO:即将开发的第一个小程序
查看>>
我的友情链接
查看>>
Thanks for the memory, Linux
查看>>
制作WinPE3.0 32位与64位的双启动BCD文件
查看>>
Java8新特性之:流(二)
查看>>
JAVA学习笔记(初级)--面向对象基础
查看>>
Mybatis开发步骤
查看>>
Making your C++ code robust<three>
查看>>
jfreechart Line多个曲线图,曲线点图
查看>>
Ubuntu 16.04 设置固定IP地址
查看>>
资源合作推广方法
查看>>
利用vim多行注释和多行删除命令配置nginx.conf文件
查看>>
2014还是选择重新开始
查看>>