div居中显示
2013-01-21 16:24
148 查看
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<title></title>
<style>
#position{position:absolute;top:50%;left:50%;width:150px;height:40px;margin:-20px 0 0 -75px;padding:0 10px;background:#eee;line-height:2.4;}
</style>
</head>
<body>
<div id="position">水平垂直居中的对象</div>
</body>
</html>利用position:absolute属性左/上各百分之50，然后利用margin负值向左/上负值移动自身长度/宽度的一半
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- css+div使网页居中显示
- div+css：页面整体布局居中显示：上下居中||垂直居中，左右居中||水平居中
- div固定高度中图片垂直居中显示
- div+css中如何让图片垂直居中显示
- html使用display:inline-block实现标签右对齐，值左对齐效果。和设置div宽度，并居中显示。嵌套div的里层div文字居中显示
- 前端学习-如何让一个表格在DIV内居中显示
- div（固定宽度和不固定宽度）居中显示的方法总结
- 内部div居中显示
- jquery获取浏览器窗口高度 和 div居中显示
- 尺寸不固定的图片在div中垂直居中并完全显示
- JS+CSS设置img在DIV中只显示Img垂直居中的部分
- div（固定宽度和不固定宽度）居中显示的方法总结
- CSS：多个DIV在同一行居中显示的一种实现方法
- js-div遮罩层、div弹出层居中（遮罩层居中显示）
- div居中显示
- 如何让div百分百居中显示的方法
- div内容居中显示
- div中图片（大图）居中显示：table-cell；max-width关于i8 bug
- css div居中显示的4种写法
- 如何让DIV和table和网页居中显示