DIV+CSS之页面居中

简介:

页面居中的一种,适应绝大多数情况

 

 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
  2. <html> 
  3. <head> 
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
  5. <title>DIV+CSS之页面居中显示</title> 
  6. <style type="text/css"> 
  7. #container {text-align:center;margin-left:auto;margin-right:auto;width:960px;} 
  8. </style> 
  9. </head> 
  10. <body> 
  11. <div id="container"> 
  12.     <div id="header"> 
  13.         Header There........ 
  14.     </div> 
  15.     <div id="main"> 
  16.         Main There............ 
  17.     </div> 
  18.     <div id="footer"> 
  19.         Footer There ............ 
  20.     </div> 
  21. </div> 
  22. </body> 
  23. </html> 

 

    本文转自kefirking 51CTO博客,原文链接:http://blog.51cto.com/phpzf/782058,如需转载请自行联系原作者






相关文章
HTML+CSS 实现通用的企业官网页面(记得收藏)
HTML+CSS 实现通用的企业官网页面(记得收藏)
HTML+CSS 实现带轮播图的企业官网页面(记得收藏)
HTML+CSS 实现带轮播图的企业官网页面(记得收藏)
HTML+CSS 星空闪烁登录页面(记得收藏)
HTML+CSS 星空闪烁登录页面(记得收藏)
HTML+CSS 登录页面(记得收藏)
HTML+CSS 登录页面(记得收藏)
|
1月前
|
移动开发 前端开发 JavaScript
大气实用的HTML5/CSS3个人中心页面(含源码)
大气实用的HTML5/CSS3个人中心页面(含源码)
|
1月前
|
前端开发 UED
波光粼粼的登录体验:CSS动画让登录页面酷炫升级!
波光粼粼的登录体验:CSS动画让登录页面酷炫升级!
|
2月前
|
前端开发
css动画(仿微信聊天页面)
css动画(仿微信聊天页面)
|
2月前
|
前端开发
css 实用技巧 —— div在div中水平垂直居中(两种方法)
css 实用技巧 —— div在div中水平垂直居中(两种方法)
44 3
|
2月前
|
前端开发
css 拉伸 resize —— 实现可拉伸的div(含限制拉伸的尺寸)
css 拉伸 resize —— 实现可拉伸的div(含限制拉伸的尺寸)
175 1
|
3月前
|
前端开发 UED
CSS动画效果(炫酷登录页面)
CSS动画效果(炫酷登录页面)