作者aceone ()
看板Web_Design
标题Re: [问题] 整个网页置中
时间Sat Oct 6 01:07:18 2007
※ 引述《TKirby ( :D)》之铭言：
: IE 这样就可以
: 把整个文件包到 div 里面
: <style type="text/css">
: body {
: text-align:center;
: }
: div{
: text-align:left;
: margin:auto;
: width:500px;border:1px solid #000;background:#eee;
: }
: </style>
: </head>
: <body>
: <div>今天天气很不错</div>
: </body>
这个方式ok啊，ie6 ie7 ff都吃，
该不会原po真的用
div{text-align:left....;}
才会出问题?(是#divName的意思喔)
还有另外一个用负边界置中的trick
#wrap{width:容器宽度;
position:relative;
left:50%;
margin-left:
-容器宽度/2}
就是把wrap容器设为相对定位，
相对於上一个元素的位置(就body啦)
跟左边距离50%，所以wrap的左方会一直对齐视窗中间，
再用margin往左拉wrap容器宽度的一半，整个网页就会在正中间罗。
: ※ 引述《hubin (阿宾  NN)》之铭言：
: : 爬了很多文章，关於网页在浏览器的水平置中
: : body{
: : font-family:"Times New Roman", Times, serif;
: : font-size:100%;
: : margin:0px auto;
: : width:800px;
: : }
: : 这是我css的一个写法
: : firefox很容易解决
: : 但IE试了很多的方法，就都不行？
: : 我是要让整份文件置中，不是文字喔
: : 麻烦大家了~
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 219.71.192.161
1F：推 ikaridon:这种方法好妙! (不过没试过) 10/06 01:26
2F：推 hubin:终於成功了~太感谢了，我是用第一个方法成功的~呼 10/06 11:57
4F：→ zero159:就是之前各位提到的几种用法 10/06 18:44