※ 引述《davidou (老歐 ! 月夜雪嵐)》之銘言:
: 我用css來排我的版面 用div的方式
: 我的程式碼是這樣
: [前略..]
(中間略)
: 不管用php的方式還是怎樣都好
: 因為內容大小不一定 所以我也不可能給內容那邊一個固定的高度
: 還是說有其他更好的表現方式
: 當然目前我唯一想到的就又是回去用table排版的...
其實這個東西,真的是CSS的缺點
這時我們也不必太強求一定要完全CSS
CSS3有幾種辦法來實現這個排版
http://www.w3.org/TR/css3-flexbox/
http://www.w3.org/TR/css3-layout/
搭配 display: table
也可參考這篇文:
http://www.digital-web.com/articles/everything_you_know_about_CSS_Is_wrong/
但缺點就是相當難以hack讓所有瀏覽器通吃
另一個方法就是用背景重複圖片,但我覺得原po可能不是要這個解法。
但是,個人認為不一定要反table
畢竟table仍是目前多欄設計中,相容瀏覽器最多、最簡單的方法
“只要不濫用就可以”
舉例來說,最紅的兩個服務
Flickr http://flickr.com
Twitter http://twitter.com
就是用table先達成兩欄排版
裡面才用CSS
有時候為了方便達到某些效果
又不想使用js,也會考慮使用table
如 http://www.kaleidoscopeapp.com/
但仔細看,會發現他用得很精準
table不多,大部分的視覺仍是在CSS內完成
要做到這個程度
基本上對html,css正確用法要有一定的認識
markup與style慢慢自己鍵入的話
就不會有太大問題
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.32.77.168