div 中心对齐

最新推荐文章于 2022-09-09 16:58:02 发布

HappyRocking

最新推荐文章于 2022-09-09 16:58:02 发布

阅读量857

点赞数

分类专栏： HTML/JavaScript/CSS 文章标签： html

HTML/JavaScript/CSS 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

块元素可以把左，右页边距设置为"自动"对齐。

Note: 在IE8中使用margin:auto属性无法正常工作，除非声明 !DOCTYPE

margin属性可任意拆分为左，右页边距设置自动指定，结果都是出现居中元素

   <!DOCTYPE html> 
 
   <html> 
 
   <head> 
 
   <meta charset="utf-8"> 
 
   <title>菜鸟教程(runoob.com)</title> 
 
   <style> 
 
   .center 
 
   { 
 
       margin:auto; 
 
       width:70%; 
 
       background-color:#b0e0e6; 
 
   } 
 
   </style> 
 
   </head> 
 
   <body> 
 
   <div class="center"> 
 
   <p>In my younger and more vulnerable years my father gave me some advice that I've been turning over in my mind ever since.</p> 
 
   <p>'Whenever you feel like criticizing anyone,' he told me, 'just remember that all the people in this world haven't had the advantages that you've had.'</p> 
 
   </div> 
 
   <p><b>注意: </b>使用 margin:auto 无法兼容 IE8, 除非 !DOCTYPE 已经声明.</p> 
 
   </body> 
 
   </html>