2009年1月27日 星期二

div居中的超簡單方法

css:

body{
margin-left:-300px(你div的width的一半);
}
center_div{
position:relative
left:50%;
width:600px;
}

很簡單是吧?如果不要用body的話,可以用一個div把你要居中的div包起來
css:

body{}

parent_div{
width:100%(讓他跟body同寬);
margin-left:-300px(你div的width的一半);
}
center_div{
position:relative
left:50%;
width:600px;
}


如果不行的話試著在html上面加上
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd" >

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

(本文乃原創文章,轉載請注明出處)

沒有留言:

張貼留言