置中

在製作完Curves的改版後，我實在很討厭這種Photoshop方式的網站
於是著手製作了改版的動作
內頁還沒製作不過先把首頁做出來
目前要製作置中
我都是在CSS使用

body{text-align: center;}

但發現我可愛的小火狐認不得這行！(這到底是怎麼了orz)
只有bundle的IE可以認得

那時在google中查到的資料，只有加在書籤中
今天才正式的做了測試
<style type="text/css">
body{text-align: center;}
#div1{margin-right: auto;margin-left: auto;}
#div2{margin : 0px auto;}
</style>
IE可以認得
body{text-align: center;}這行
雖然字會全部置中但至少用一個div包住全部，設定text-align:left即可
而firefox就可以認得
#div1{margin-right: auto;margin-left: auto;}
只要指定寬度，就會瀏覽器就會自動margin左右的空白部份。
但還有一個更精簡的寫法(不過我發現其實IE對於CSS的縮寫部份
辨識度其差無比)
#div2{margin : 0px auto;}
margin的屬性如果寫出四個值，依序會是上左下右(順時針)
如果寫出兩個值，就分別表上下、左右
div2的寫法就是表示上下margin=0，左右auto
這樣就可以乾乾淨淨的表達了,多好
---
心情還是很差...
跟店員講完話走出便利商店
一個人過馬路
我可以瞬間把臉垮下來
心情真的差......