[转]css中position:fixed实现div居中
来源:互联网 发布:资本控制舆论 知乎 编辑:程序博客网 时间:2024/06/05 01:11
上下左右 居中
代码如下复制代码
div{
position:fixed;
margin:auto;
left:0;
right:0;
top:0;
bottom:0;
width:200px;
height:150px;
}
如果只需要左右居中,那么把 bottom:0; 或者 top:0; 删掉即可
如果只需要上下居中,那么把 left:0; 或者 right:0; 即可
其实,实现这个效果并不复杂,利用 CSS 中的 position 定位就可以轻松搞定了。来看看代码吧:
代码如下复制代码
.dialog{
position: fixed;
_position:absolute;
z-index:1;
top: 50%;
left: 50%;
margin: -141px 0 0 -201px;
width: 400px;
height:280px;
border:1px solid #CCC;
line-height: 280px;
text-align:center;
font-size: 14px;
background-color:#F4F4F4;
overflow:hidden;
}
设置的技巧全部在这里:
代码如下复制代码
.dialog{
position: fixed;
_position:absolute; /* hack for IE6 */
z-index:1;
top: 50%;
left: 50%;
margin: -141px 0 0 -201px;
width: 400px;
height:280px;
border:1px solid #CCC;
line-height: 280px;
text-align:center;
font-size: 14px;
background-color:#F4F4F4;
overflow:hidden;
}
设置 position: fixed; _position:absolute;
设置 left:50% 和 top:50%;
设置 margin: -(DIV的offsetWidth/2) 0 0 -(DIV的offsetHeight/2)
- css中position:fixed实现div居中
- [转]css中position:fixed实现div居中
- CSS中position:fixed实现div居中及div内元素实现居中的方法
- position:fixed div 居中
- fixed 实现div居中
- css中position:fixed;
- 使position:fixed的DIV居中
- css position: fixed; 垂直居中,绝对定位居中
- CSS中div布局position以及水平居中
- 使用属性position:fixed的时候如何才能让div居中
- CSS、HTMl使用position: fixed;实现div的高度填满剩余空间
- CSS中position:fixed的用法
- CSS 中 position:fixed 属性应用
- 实现DIV居中 css
- CSS实现div居中
- CSS div居中实现
- CSS中DIV居中
- css中absolute使用,用position和transform是div里面的div垂直居中
- SAP 设置系统timeout时间
- 第五周程序阅读(5)
- jsp 定义 背景图片并控制图片的大小
- 创建MapReduce程序,并在hadoop集群中运行
- 运行yum报错Error: Cannot retrieve metalink for repository: epel. Please verify its path and try again
- [转]css中position:fixed实现div居中
- #个人赛第七场解题总结# (FZU 1888 三角形问题II && FZU 1886 音乐 )
- 网页制作java 生成条形码
- 2014 年最热门的国人开发开源软件 TOP 100
- winform中textbox提示框
- iOS开发~CocoaPods使用详细说明
- 5-8在MifareS50中,如果第二区的访问控制码为FF087069,则该块1和3的访问控制条件是什么?
- c/c++ 中变量的存储类别
- 聪厨:印象湘西——湘西外婆菜