css
CSS div 置中作法
參考資料
通常利用CSS 對div 方塊排版的時候,常常會使用left : 50% 這類排版方式
但是這有個很大問題 他是依照方塊的 左上角當作基準點,所以 無法做照真正的置中(或是其他比例)
解決方法是利用 margin
使用 margin-left : -[div一半寬度]px
就可以解決了
垂直部分也可以這樣解
增加共用程式碼,減少ctrl+c/ctrl+v-善用CSS
當我要寫這篇的時候…….我十分羞愧地承認,我還不完全善用CSS
我的CSS 功力仍然十分薄弱…..
所以 這篇 有些只是嘴砲 說說理論……..
在很早以前,我學習 撰寫網頁時,恩~不能說撰寫,因為我是用 dreamweaver和 frontPage的 設計界面….,當然,有時會使用一下程式碼模式
那時候 很多顯示效果都適用 HTML搞定,像是font 這種東西,雖然現在大多使用CSS 來設定,但是有時候還是會不小心 用到….多年來的習慣…
好像有點離題了….
去你的IE!!
今天去了學校一趟,對我的報修系統做了進一步的報告,測試的時候…..E04死IE,給我統康!!!
原來我之前在寫CSS 的時候是使用win 7 +IE9 的介面
弄好基本介面後 就開始撰寫程式,結果沒注意到萬惡IE還有其他版本
阿後 全部死光光
只好搬救兵了……
以下是我找出網路上的說明
Note: The values "inline-table", "run-in", "table", "table-caption", "table-cell", "table-column", "table-column-group", "table-row", "table-row-group", and "inherit" is not supported in IE7 and earlier. IE8 requires a !DOCTYPE. IE9 supports the values.
我就是死在這個手上….