作者TKirby ( ^-^)
看板Web_Design
標題Re: [問題] 不用center怎麼把div置中呀
時間Fri Oct 29 00:41:25 2004
喔喔 那給個範例好了
http://www.csie.ntu.edu.tw/~b88039/archive/testCol/css/auto/
抱歉 剛剛試了一下發現 IE 好像不吃這一套
如果你用 Firefox 看就會發現DIV置中了
不過還是可以在絕對定址的時候,用 left 跟 width style 以百分比的方式 將div 置中
這樣就不會有解析度的問題了
比方說,<div style="left:20%;width:60%;">BLAH</div>
有些人因為center deprecated所以不用
可是我覺得用css將div置中實在是很麻煩 有種殺雞用牛刀的感覺
<center> 下去就好啦~ XD
※ 引述《Arton0306 (東方快車動力火車讚啦)》之銘言:
: ※ 引述《TKirby ( ^-^)》之銘言:
: : text-align 可以將 inline box 置中
: : 可是 block box 好像沒辦法
: : 這時候就要用設 margin 的方式
: : 從CSS spec中節錄,
: : " 若是margin有一者為auto,他將根據
: : parent container width =
: ^^^^^^^^^^^^^^^^^^^^^^這是指body寬嗎 我的div是最外層的
: : padding width + border width + margin width + block width
: : 設定其auto的值。 "
: : 於是我們就知道了; 要讓 div 置中的話就這樣寫
: : <div style="width:xxxpx;margin:auto;">...</div>
: 抱歉~~不太懂@_@"
: 例如現在800*600的解析度下我的div width="600" height="500" 其他為0
: 則parent container width=0+0+auto+600=800, auto=200,但要100才對
: 不過我試了一下margin:auto好像沒有作用>_<
: 目前我想到javascript抓螢幕寬度配上css應該就可以
: 可是有點麻煩 只不過是為了置中而已...
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 140.112.30.67
※ 編輯: TKirby 來自: 140.112.30.67 (10/29 00:46)
1F:推 Arton0306:感謝呀^_^ 140.114.212.6 10/29