css3中的垂直居中布局(垂直或居中)
来源:互联网 发布:3d实景地图 知乎 编辑:程序博客网 时间:2024/06/08 05:42
经常我们需要对我们网页的元素进行垂直或是居中定位,在非ie,或是移动端的页面中可以使用如下代码来实现:
<html>
<head>
<style type="text/css">
#container{
display: box;
display: -webkit-box;
display: -moz-box;
width:100%;
height: 100%;
border: 1px solid #ccc;
/*
-webkit-box-pack:center;
-moz-box-pack:center;
*/
-webkit-box-align:center;
-moz-box-align:center;
}
#div1{
background: orange;
}
#div2{
background: yellow;
}
#div3{
background: green;
}
</style>
</head>
<body>
<div id="container">
<div id="div1">列1</div>
<div id="div2">列2</div>
<div id="div3">列3</div>
<div><img src="img.png" width="200px" height="200px"></img></div>
</div>
</body>
</html>
- css3中的垂直居中布局(垂直或居中)
- css3垂直居中
- css3垂直居中
- css3 div垂直居中
- css3垂直居中方式
- CSS3实现垂直居中
- css3垂直居中
- css3中的垂直居中的方法
- 垂直居中布局方案
- web布局-垂直居中
- 居中布局:水平居中 + 垂直居中 + 水平垂直居中
- Html+Css_div中的垂直居中布局
- CSS3实现水平垂直居中
- css3的一个垂直居中
- CSS3实现水平垂直居中
- CSS3实现水平垂直居中
- CSS3实现水平垂直居中
- Css3 弹性盒子垂直居中
- hibernate简介及配置
- 文章标题
- 使用pip
- maven 思维导图
- binder 详详详详详详解
- css3中的垂直居中布局(垂直或居中)
- git: Auto Merge Failed; Fix Conflicts and Then Commit the Result.
- Android中MVC、MVP、MVVM模式的运用
- 从cellspacing和cellpadding看HTML属性与CSS属性的使用
- 主键 外键
- mysql:如何将命令行结果数据输出到文本文件
- memcached 缓存命中率
- Java面试题—equals和==的区别
- 类似直播App的向右滑动清屏功能