不用table,两种div+css页面元素居中方法
来源:互联网 发布:中国保险网络教育大学 编辑:程序博客网 时间:2024/05/16 12:11
第一种:绝对定位法:
<style>html { height: 100%; }</style>
<body style="height: 100%; text-align: center; position: relative; "><div style="position: absolute; left: 50%; top: 50%; width: 480px; height: 220px; margin-left: -240px; margin-top: -110px; "><img src="images/logo.gif" width="480" height="189" /><br /><br /><a href="home.php">中文版</a> | <a href="English.php">English</a></div>
第二种:空白DIV法:
<body style="height: 100%;text-align: center;">
<div style="height: 50%; margin-top: -110px; ></div><div style="width: 480px; height: 220px; margin: 0 auto; "><img src="images/logo.gif" width="480" height="189" /><br /><br /><a href="home.php">中文版</a> | <a href="English.php">English</a></div>
- 不用table,两种div+css页面元素居中方法
- css两种块状定长元素居中方法的不同点
- CSS文字图片div元素居中方法之水平居中
- CSS实现 DIV在页面垂直居中两例
- DIV与Table两种页面布局
- div页面居中方法
- CSS/html各种div 等元素居中方法
- CSS中position:fixed实现div居中及div内元素实现居中的方法
- Div和CSS实现页面水平居中的方法
- CSS+div页面水平居中的布局方法总结
- 让DIV层水平垂直居中页面的两种方法
- CSS:居中放置页面元素
- 利用CSS让元素垂直居中的两种实现方法
- 两种方法实现CSS垂直居中
- 两种方法实现CSS垂直居中
- 两种方法实现CSS垂直居中
- CSS 图片居中的两种方法
- 页面元素居中的几种方法
- 。。
- 黑马笔记-ADO.NET基础学习(二)
- 解决asp.net检测到有潜在危险问题
- 中转文件
- 三个字段两两相同取的其一
- 不用table,两种div+css页面元素居中方法
- 经典短小代码收集
- ubuntu 快捷键
- property 属性讲解
- Android输入输出机制之来龙去脉之前生后世
- Http 响应的状态
- 开源搜索引擎HubbleDotNet图解之基础使用
- smarty个人总结
- 二叉排序树的创建