[CSS] DIV基本置中處理

製作網頁時,你會發現建立div標籤後,你把區塊置中了,
但是在firefox上看網頁時,怎麼區塊不會置中呢??  反而ie6就可以置中??

firefox在判斷上只會把置中當做是文字置中呀><”
所以就修正一下吧!!

—————————————————————————

最上方宣告部分:

(這個建議加上最上面的第一行,這個是網頁的標準是依照XHTML 1.0的標準來呈現)

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

—————————————————————————

css部分:

body {
text-align: center;       /*—這樣可以讓ie6的文字及區塊都置中,不過firefox不會區塊置中— */
}

#c1 {
margin: 0 auto;        /*—這樣firefox區塊就可以置中了,因為上下方高度0,左右方長度他會”auto”自動調整— */
width:80%;             /*—這邊先設定c1的寬度為整個瀏覽器的80%— */
text-align:left;          /*—這邊就可以讓c1區域內的文字靠左對齊— */
background-color: #FFCCFF;         /*—區塊背景用粉紅色的比較清楚 xd— */     
}

html部分:

<body>
     <div id="c1">我寬度80%,區塊置中,文字靠左,是粉粉背景唷!!</div>
</body>

—————————————————————————

這樣就搞定嘍!!  ^^  ((酸

0 thoughts on “[CSS] DIV基本置中處理”

發表留言

%d 位部落客按了讚: