padding:0 auto;不能使内容居中呢?

想设置一个div居中,使用padding:0 auto;width:1000px;
为什么不能是元素居中呢?
因为使用margin:0 auto;的话,居中的两边背景色会用空白·

具体原因不知道怎么说明,不过在w3.org上有一个说明:http://www.w3.org/TR/CSS21/visudet.html#blockwidth

If both ‘margin-left’ and ‘margin-right’ are ‘auto’, their used values are equal. This horizontally centers the element with respect to the edges of the containing block.

然后在http://www.w3help.org/有一篇类似相关的文章,不知道是否能帮你 http://www.w3help.org/zh-cn/causes/RD8028

  1. padding 是不可以让内容居中的;
  2. margin: 0 auto; width: 1000px; 可以让div居中,必要条件就是 必须要规定盒子的宽度;
  3. 你也可以把要居中的div 设置成 display: inline-block;,然后在父div加上 text-align: center; 也会让div居中;

示例:

html
<style> .wrapper { text-align: center; } .wrapper >.center-div { display: inline-block; } </style> <div class="wrapper"> <div class="center-div"> 我是居中的 </div> </div>

body 给个背景色

padding能设置为auto吗? 只有margin-left,margin-right,width能设置为auto

<div style="padding:0 auto">
        <p>This is a div!</p>
</div>

元素可以居中

所以LZ到底想实现什么效果

  • CSS 图片等比例压缩 _height:expression和_width:expression无法同时使用
  • 求助,这张背景图能否用css画出来啊?
  • iframe怎么获得子页面中的元素?
  • 有没办法让360浏览器浏览我网页的时候用极速模式?
  • flex的问题?
  • 静态页面html 引头尾公共文件?
  • 仿携程手机端日历插件?
  • 如何用纯 CSS3 创建不会飘出边界的菜单
  • 有没有快速构建h5动画页面的框架?
  • 只要点击某个marquee文字滚动区,同样的类名为".marquee"文字滚动区就会一起滚动。
  • 怎么获取td同一列