用纯css使div水平居中的几种方式
来源:互联网 发布:igtt淘宝查封 编辑:程序博客网 时间:2024/05/21 10:12
<!DOCTYPE html>
<html>
<html>
<head>
<meta charset="UTF-8">
<title>div居中对齐方式</title>
<style type="text/css">
body{
margin: 0 auto;
}
/*第一种
#box{
width:100px;height:100px;background-color: #FF0000;
margin:0 auto;
}
*/
/*第二种
#box{
width:100px;
height:100px;
background-color: #FF0000;
position: relative;
margin-left: 50%;
left:-50px;
}
*/
/*第三种
#box{
width:100px;
height:100px;
background-color: #FF0000
margin-left: 50%;
left:-50px;
}
*/
</style></head>
<body>
<div id="box"></div>
</body></html>
阅读全文
0 0
- 用纯css使div水平居中的几种方式
- 纯CSS实现垂直水平居中的5种方式
- 使div水平居中的方式
- 用CSS使DIV层水平居中
- CSS水平居中的几种方法
- 水平居中的几种方式
- 水平垂直居中的几种方式
- 纯CSS完美实现垂直水平居中的6种方式
- [分享] 纯CSS完美实现垂直水平居中的6种方式
- 纯CSS完美实现垂直水平居中的6种方式
- 用css实现垂直水平居中的几种方法
- div盒子水平居中垂直居中的几种方法
- html中div如何水平和垂直居中的几种css方法代码
- 纯CSS设计div内部元素水平垂直居中
- css div水平居中
- 实现div水平、垂直居中的几种方法
- 让DIV水平和垂直居中的几种方法
- div垂直和水平居中的几种方法
- 第三十七篇:JAVA验证身份证号是否合法
- 微信支付错误两个问题的解决:curl出错,错误码:60
- 环形链表插值
- 从一个小白步入开发行业的感想
- WPF 触发器
- 用纯css使div水平居中的几种方式
- W3C事件与IE事件的区别及默认事件的阻止
- C++中cos,sin,asin,acos这些三角函数操作的是弧度,而非角度(转)
- Java面试复习(三)
- ubuntu下文件的压缩和解压缩
- 探索Activity之启动Intent Flag和taskAffinity
- 通知栏简单使用
- Java后台管理开发框架,Java微信公众号开发框架,Java电商系统源码,电商后台源码
- virtualbox+centos 使用nat或桥接不好用问题