CSS解决未知高度的垂直水平居中自适应问题

作者：zishu 来源：zishu博客时间：2009-03-17 17:06:00　

今天有人问起，晚上试着写出来，供参考；以下代码兼容主流浏览器IE6、IE7、Firefox、Opera。

从最简单的开始…………

一、如何让一个DIV水平居中？

这个简单不作过多说明！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>www.aspxhome.com</title><style>body { text-align:center}#info{ margin:0 auto; width:500px; text-align:left; border:1px solid #3333FF}</style></head><body><div id="info">this is test.</div></body></html>

2 3 4 5 下一页

标签：css,问题,自适应,垂直居中

投稿

CSS解决未知高度的垂直水平居中自适应问题

猜你喜欢

设计原则-控件Balloons(气球状提示)

检测你的SQL Server是否有特洛伊木马

FrontPage 2002应用技巧四则

asp如何做一个树状展开视图来显示自己的记录结构？

如何在ACCESS中插入超级链接？

Mysql入门系列：MYSQL日志文件维护

SQL Server 2005 Express混合模式登录设置

关于团队建设以及网站建设的琐事

从网页设计开始

深入了解SQL Server 2008 商业智能平台

ajax Google PageRank3(PR值)查询源代码

查看Oracle的执行计划一句话命令

oracle 性能优化建议小结

MySQL优化全攻略--相关数据库命令

asp中access升级到sql server后要做的工作

开展全面的网站评估

从品牌网站看交互设计

ASP 日期的加减运算实现代码

避免Adodb.Stream输出UTF-8时自动写入的BOM（asp）

网页切片算法的若干问题