Re: [问题] DW CC 为何我不能将网页置中

楼主: yshlptt (小y)   2014-08-11 14:31:35
推文里有点难回我用回文,
简单来说要让 div 置中有两种比较方便的作法,
一、将 div 设为 display: block,加上 margin: auto; 及限制宽度少于 100%
实际范例:http://jsfiddle.net/elin/dnkft88n/
二、将 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 也是一样无法
: 请各版众看看我是哪里出了问题
作者: Letter1530 (白手起家好难...)   2014-08-11 14:42:00
谢谢指导!!

Links booklink

Contact Us: admin [ a t ] ucptt.com