黃天駿 攝影 繪畫 Web2.0 Google Blog GPS GIS

目前在標籤:

10月 20

標籤: , , , &

一般的HTML頁面不像Flash或是VB等軟體,有DataGrid元件可以使用,所以要在普通Html頁面做到類似效果,需要藉助一些Javascript寫成DHTML的頁面,網路上有一堆範例可以參考,複雜度大小有異,懶懶的自己做了一個超簡單的樣本,有興趣參考看看囉!

繼續閱讀 …

1 月 24

標籤: &

META 標籤應該是基礎的 HTML 語法,相信很多人跟我一樣會常常不知其所為,所以做了 下心得筆記。
META 標籤主要用途是用來作為對自身 HTML 檔案的回報為主,META 標籤是夾在 HEAD 標籤中,也就是 META 會在 HTML 檔案的最前面出現,不論是瀏覽器或是搜尋引擎經由 HTTP 協定,讀到 HTML 檔案時會先對 HTML 中有意義的 META 做判讀並執行。
可見 META 的重要性,而 META 可以做什麼呢?

繼續閱讀 …

9 月 29

標籤: , , &

製作網頁時,有時想要讓文字自動斷行,但是偏偏文字不聽話(例如:aaaaa….連續的英文字串或是很長的單字),此時網頁設計師們該怎麼辦呢?

文字不聽話時,偉大的網頁設計師們可以這樣…
使用 style.wordBreak 語法(支援IE家族5.5版以上),
有三個參數可以指定:
normal(依網頁預設)
break-all(打散單字型態,每一個字母均為一個字元)
keep-all(保持單字型態)

小小示範說明:

表格寬400px 使用 style.word-break:normal
ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZ

表格寬400px 使用 style.word-break:break-all
ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZ

表格寬400px 使用 style.word-break:keep-all
ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZ

※後記:其實還有 style.word-wrap[break-word] ,但是其相對較麻煩,word-wrap:break-word; 只對所屬Object Width有作用。