定位的盒子居中方法
来源:互联网 发布:剑网三 大叔脸型数据 编辑:程序博客网 时间:2024/05/21 06:55
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .box{ width: 400px; height: 200px; background-color: red; /*使用了position定位属性的盒子就无法使用margin:200px auto;居中了*/ position: absolute; top:200px; /*就要使用以下两种方式*/ /*1.盒子传统居中方式 left:50%; margin-left:-200px;*/ /*2. 使用css3 来实现居中*/ left:50%; /* 向左走自身宽度的一半*/ transform:translate(-50%); } </style></head><body> <div class="box"></div></body></html>
0 0
- 定位的盒子居中方法
- 5.定位盒子居中显示
- div盒子水平垂直居中的方法
- div盒子水平垂直居中的方法
- div盒子水平垂直居中的方法
- CSS盒子居中的几种方法
- 盒子居中(常用的方法)
- 一个盒子在另一个盒子中垂直居中的方法
- 实现盒子水平居中,关于定位的问题
- 绝对定位的盒子如何实现水平垂直居中
- [web前端学习笔记]定位的盒子居中显示
- div盒子水平居中垂直居中的几种方法
- 4-9绝对定位盒子居中
- css未盒子div居中的多种方法
- CSS盒子的定位
- CSS盒子的定位
- 盒子div的定位
- 盒子模型的定位
- 历届试题 大臣的旅费 (2次dfs)
- c++实验3
- RTMP协议以及提取RTMP视频流组成H264视频文件
- 慕课网c语言入门学习笔记
- 线程安全与不安全
- 定位的盒子居中方法
- Navicat 连接mysql数据库,表数据显示乱码
- 修改Linux更新源
- 算法-3-图-汇总(持续更新)-目录呈现
- Oracle中TO_DATE用法
- android SQLite学习
- JavaScript正则表达式实现日期格式化
- Java多线程学习(吐血超详细总结)
- 兄弟连BroPHP系列教程