修改CSS的Style讓版面置中

最近又改了新的Blogger Template，感覺滿漂亮的(至少比上一個好多了XD)，果然還是拿現成的比較方便~ 只是拿了現成的後，總會發現一些不如人意的地方，還有一些小缺點，像現在這個Template原本來寬螢幕上，會整個偏左邊，所以就找了一下如何修改CSS Style，讓樣版置中。

主要分兩種：
1. 彈性寬度 置中
會隨著螢幕的寬度變大，而讓版面變大

#container {
    margin: 0 auto;/*上下邊界為零、左右邊界則由瀏覽器自動調節（auto）*/
    width: 80%;
}

2. 固定寬度 置中
不會隨著螢幕寬度改變大小

/*方法一*/
#container {
    position: relative;
    margin: 0 auto;
    width: 760px;
}

/*方法二*/
#container {
    position: relative;
    left: 50%;
    margin-left: -380px; /* 760 除以 -2 */
    width: 760px;
}

所以我只要找到Template的版面的div的id，我就可以修改它的Styles讓它置中了。
參考連結