CSS|DIV基本置中處理

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%,區塊置中,文字靠左,是粉粉背景唷!!
</body>

返回頂端