※ 引述《yshlptt (小y)》之铭言： : 推文里有点难回我用回文， : 简单来说要让 div 置中有两种比较方便的作法， : 一、将 div 设为 display: block，加上 margin: auto; 及限制宽度少於 100% : 实际范例：http://jsfiddle.net/elin/dnkft88n/ DIV本身display预设就是block噢！ 只要设定宽度，并且宽度小於父元素， 再加上margin-left: auto; & margin-right: auto; 置中本来就是左右距离的事， 如果要缩成单行， 应该写成是margin: 0 auto; 会比较好一点 范例： http://jsbin.com/yanik/1/edit : 二、将 div 设为 display: inline-block，在 body 设定 text-align: center : 实际范例：http://jsfiddle.net/elin/znpsx0m2/ : 没加 # 不可能透过 id 选择到 div，这边应该是哪里弄错了， : 建议你在 fiddle 上试试再贴回你的 HTML。 : 另外我看你的 width 设为 100% 这样应该是看不出 div 有没有置中的。 : 如果你是想要让 div 的内容全部一起置中， : 那麽就要在 div 上以及内容元素上进行这些设定。 : 以上 : ※ 引述《Letter1530 (最近打牌输很大的L)》之铭言： : : Google了不少文章 试过不少写法 我还是没办法将我排版完的网页置中 : : 目前网页都偏左 : : 以下程式码 : : <title>无标题文件</title> : : <style type="text/css"> : : body{text-align:center;} : : pagediv{margin:0 auto; width:100%;} : : </style> : : <body> : : <div id="pagediv"> : : ........内容......... : : </div> : : </body> : : 我原先以为在style里面设定body text-align:center; 就可以将整个网页置中了 : : 结果无法 : : 我又多加了div 也是一样无法 : : 请各版众看看我是哪里出了问题 --

※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 218.161.79.175 ※ 文章网址: http://webptt.com/cn.aspx?n=bbs/Web_Design/M.1407739291.A.78D.html