作者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