银联风险水晶球项目--第三季度改造

来源:互联网 发布:淘宝淘抢购收费标准 编辑:程序博客网 时间:2024/05/01 06:03

div绝对定位,如何让其在浏览器居中显示?

 
转载

   什么是绝对定位?就是div不受其他div的影响,可以在页面自由显示,要加上position: absolute; 标记。

   那么控制这种div居中显示,就不能用一般的margin-left padding-left 之类的标签了,因为你控制左边距,它会是从显示器最左边算起,这样在不同的显示器中,显示效果不一致,比如,宽屏可能显示靠左。那如何让其居中呢?

   只需要加上这个两个标记即可。left: 50%;margin-left: -240px; 注意这个-240px是由于设定了宽度480px。

    如下即可:

    width: 480px; position: absolute; margin-left: -240px;       

 

   1,tiny_mce编辑器上传本地图片

   2,jquery让div隐藏,显示,随着鼠标移动。


多个div排列,如何让多个层在一个层中并排显示?

 



<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="gbk" />
<title>bottom_CSS参考手册_web前端开发参考手册系列</title>
<meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com" />
<meta name="copyright" content="www.doyoe.com" />
<style>
.test{position:absolute;bottom:0;width:200px;height:200px;padding:5px 10px;background:#c00;color:#fff;line-height:12;}
</style>
</head>
<body>
<div style="position:relative;height:100px;background:#767823;top:100px"> 
<div id="1" style="position:absolute;top:0;left:50px;width:20%;height:100px;background:#c00"></div> 
<div id="2" style="position:absolute;top:0;left:50%;width:20%;height:100px;background:#c27"></div> 
</div> 
</body>
</html>

0 0
原创粉丝点击