寫教學的最大目的是教會未來的自己

css

CSS div 置中作法

參考資料

http://www.flycan.com/article/css/css-div-position-center-1562.html

 

 

通常利用CSS 對div 方塊排版的時候,常常會使用left : 50% 這類排版方式

但是這有個很大問題 他是依照方塊的 左上角當作基準點,所以 無法做照真正的置中(或是其他比例)

解決方法是利用 margin

 

使用 margin-left : -[div一半寬度]px

就可以解決了

垂直部分也可以這樣解

Post to Twitter Post to Plurk Post to Facebook Send Gmail

增加共用程式碼,減少ctrl+c/ctrl+v-善用CSS

當我要寫這篇的時候…….我十分羞愧地承認,我還不完全善用CSS

我的CSS 功力仍然十分薄弱…..

所以 這篇 有些只是嘴砲 說說理論……..

 

在很早以前,我學習 撰寫網頁時,恩~不能說撰寫,因為我是用 dreamweaver和 frontPage的 設計界面….,當然,有時會使用一下程式碼模式

那時候 很多顯示效果都適用 HTML搞定,像是font 這種東西,雖然現在大多使用CSS 來設定,但是有時候還是會不小心 用到….多年來的習慣…

好像有點離題了….

 

閱讀全文

Post to Twitter Post to Plurk Post to Facebook Send Gmail

去你的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.

我就是死在這個手上….

 

Post to Twitter Post to Plurk Post to Facebook Send Gmail

Copyright © 2024. All Rights Reserved.

歡迎光臨
初音