nrmk.net
当前位置:首页 >> html position 居中 >>

html position 居中

top:50%;margin-top:-1/2高度

分为两种: 一、外层DIV{position:realtive} 二、内层DIV{positon:absolute;top:50%;left:50%;margin-top:-100px;margin-left:-150px;width:300px;height:200px;} 具体代码 .father{ position:realtive; width:100%; height:100%;}.son{ positio...

.box{position: absolute;width: 400px;left: 50%;margin-left: -200px; /*此处的负值是宽度的一半*/}

我举个例 知道定位元素本身的宽高的话 例 宽高 是300px 可以这个来居中 position: absolute; left: 50%; top: 50%; margin:-150px 0 0 -150px;

div{position:fixed;margin:auto;left:0; right:0; top:0; bottom:0;width:200px; height:150px;}

position为relative才能居中。默认的就是relative,所以去掉了当然可以居中了。 设置为fixed以后,只能设置left,top,right,bottom属性来定位。

可以设置边界老设置居中,参考如下:

#warning{ width: 987px; margin: 0 auto; height:80px; line-height:80px; background:#ffd; position:fixed; _position:absolute; top:0; z-index:99999; overflow:hidden;}要居中的话宽度不能用百分比 只能是具体数值

1、当然无法居中,因为你设置的是position:absolute;绝对定位,并且给出的位置是left:0;即紧靠左边,这怎会居中呢? 2、你没有给定宽度,宽度自适应就是有内容的区域,也即AAAAAAAAA埃如果你的效果如下,那么这就是宽度自适应埃否则你应该给定一...

父div CSS: text-align:center 子div CSS: margin-left:auto; margin-left:auto;

网站首页 | 网站地图
All rights reserved Powered by www.nrmk.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com