推 adamp3:打太快了orz text-align才對 sorry 03/24 00:13
推 gop66:原來如此~~謝謝 ^^ 03/24 00:14
推 ikaridon:多嘴附註一下 margin: 0 auto;兩數值分別對應 上下 左右 03/24 12:23
推 gop66:好開心喔~ >__< 馬上又多學會一招~ 03/24 23:50
※ 引述《adamp3 (Boston's 10th Man.)》之銘言：
: ※ 引述《gop66 (gop)》之銘言：
: : 請問一下 下面這樣的效果要怎麼設定呢？
: : http://subweb.health.gov.tw/Nosmoking/04_1.asp
: : 就是讓整個頁面上下沒有空隙 水平的話是置中對齊
: : 這要怎麼做呢？ 用ｃｓｓ做嗎？
: : 我看書上類似的東西是寫
: : position: absolute;
: : top: 0px;
: : bottom: 0px;
: : 雖然上下有達到我想要的效果
: : 可是左右我想要設成置中對齊 用這個方法好像都只能設絕對位置...
: : 我是初學者 書上沒寫我就不會了.....= =
: : 還請板友們多多指教 >"<
: : 謝謝~
: body
: {margin: 0px;} /*上下都會貼齊*/
: #wrapper{float: center;} /*用一個大的div包住 讓其置中*/
沒有 float: center; 這種東西...
HTML部份:
<body>
<div id="wrapper">
(內容)
</div>
</body>
CSS部份：
body {
text-align: center; /* 用 text-align 是為了相容某些老舊瀏覽器 */
}
#wrapper {
margin: 0 auto;
text-align: left; /* 因為前面用了 text-align，所以這邊要設定回來 */
}
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 134.208.33.185