Re: [問題] 不用center怎麼把div置中呀

看板Web_Design作者TKirby ( ^-^)時間20年前 (2004/10/29 00:34)推噓1(1推 0噓 0→)

留言1則, 1人參與討論串2/2 (看更多)

喔喔那給個範例好了 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)