推 ikaridon:這種方法好妙! (不過沒試過) 10/06 01:26
推 hubin:終於成功了~太感謝了，我是用第一個方法成功的~呼 10/06 11:57
→ zero159:就是之前各位提到的幾種用法 10/06 18:44
※ 引述《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