郁闷吧 微信小程序 4188479 63242849 39070147 130690866
还没有任何记录...

博彩评级专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

博彩评级提供网页素材下载、网站模板
这一切都是免费的!
当前位置:博彩评级 > div+css > css教程 >

HTML+CSS水平居中其实很简单

来源:博彩评级 作者: 这样也行 日期:2011-05-11 人气:
margin:0 auto;/*CSS才是水平居中全靠他了*/ 你可以测试兼容目前的各种主流浏览器,如有不兼容现象欢迎留言讨论 CSS body,p{}是为了清理页面边距和各种浏览器的差异 当然,所谓HTML+CS

直接看演示

CSS解释:

本文地址:http://www.qqydc.com/html+css/htmlcssjq/cssjuzhong.html
文章摘要:HTML+CSS水平居中其实很简单,根根狼烟大话保温层,抽屉本报特约府里。

margin:0 auto;/*CSS才是水平居中全靠他了*/ 你可以测试兼容目前的各种主流浏览器,如有不兼容现象欢迎留言讨论

CSS body,p{}是为了清理页面边距和各种浏览器的差异

当然,所谓HTML+CSS就是说所有的html标签都是可以使用的,不一定要是DIV。

代码如下:


  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.qqydc.com/580/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  2. <html xmlns="http://www.qqydc.com/189/1999/xhtml"> 
  3. <head> 
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  5. <title>HTML+CSS水平居中其实很简单_博彩评级 http://www.qqydc.com/544</title> 
  6. <style> 
  7. body,p{  
  8. padding:0px;  
  9. margin:0px;  
  10. padding-top:20px;  
  11. font-size:10pt;  
  12. font-family:"宋体";  
  13. }  
  14. .demo{  
  15.     width:800px;  
  16.     height:400px;  
  17.     margin:0 auto;/*CSS才是水平居中全靠他了*/  
  18.     border: 1px solid #999999;  
  19. }  
  20. p{  
  21. width:90%;  
  22. height:auto;  
  23. margin:20px 0px 0px 20px;}  
  24.  
  25. </style> 
  26. </head> 
  27.  
  28. <body> 
  29. <div class="demo"> 
  30.     <p>哈哈DIV水平居中了哦</p> 
  31.     <p>margin:0 auto;/*CSS才是水平居中全靠他了*/  你可以测试兼容目前的各种主流浏览器,如有不兼容现象欢迎留言讨论</p> 
  32.     <p>CSS body,p{}是为了清理页面边距和各种浏览器的差异</p> 
  33.     <p>当然,所谓HTML+CSS就是说所有的html标签都是可以使用的,不一定要是DIV。</p> 
  34. </div> 
  35. </body> 
  36. </html> 
本文链接:HTML+CSS水平居中其实很简单http://www.qqydc.com/html+css/htmlcssjq/cssjuzhong.html

HTML+CSS水平居中其实很简单由博彩评级收集整理,您可以自由传播,请主动带上本文链接

博彩评级就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。

(责任编辑:博彩评级)