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

html position 居中

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

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

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

分为两种: 一、外层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...

无标题文档#Layer1 {position:absolute;/* 下面两条用于水平居中 */left:50%;margin-left:-100px; /* 宽度的1半 *//* 下面两条用于垂直居中 */top:50%;margin-top:-58px; /* 高度的1半 */width:200px;height:115px;z-index:1;}如何让这整个层居...

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

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属性来定位。

#center { width:50px; height:50px; background-color:red; position:fixed; top:50%; left:50%; margin-left:-25px; /* width的一半的相反数 */ margin-top:-25px; /* height的一半的相反数 */ z-index:999; } 层叠样式表(英文全称:Cascadin...

用background-position属性来实现。 参考代码: body{background-image:url(/i/eg_bg_desert.jpg);'背景图background-position: center center ; '居中background-repeat:no-repeat;'图片不重复}

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