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

楼主: leochen0818 (Leo)   2014-08-11 14:41:29
※ 引述《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 也是一样无法
: : 请各版众看看我是哪里出了问题
作者: Letter1530 (白手起家好难...)   2014-08-11 14:44:00
多谢@@ 厘清了观念!!

Links booklink

Contact Us: admin [ a t ] ucptt.com