Div或其他HtmlTag容器置中的方式(相容IE6,IE7,IE8,FireFox,Safari)

網站設計排版時,最常見的就是Div或Table兩大Html Tag,
我們常常會遇到需要讓Div置中的情況,Table還好,
還可以用align="center"來置中,但Div就不行了,
或許你會想說用text-align:center就可以了,
不過,這樣只對了一半,當用FireFox或其他瀏覽器開的時候,你就會發現問題出現了

...繼續閱讀 »

Div隱藏超出限定寬度的內容

網站設計時,若有資料超過顯示的寬度,一般來說會依網站版面的設計而自動換行,
除此之外,我們可以經由設計CSS的屬性來隱藏這些內容。

例如說在首頁最新消息區的6筆資料,或許我們想要一筆只顯示一行,
或是只想顯示width:150px,通常我們會用程式設計的技巧來把文字截短,
但若遇到含有Html Tag的內文,用截文字的文方又會讓版面不正常,
這時候就可以用CSS的方式來做囉~

...繼續閱讀 »