網站製作的CSS問題

dbz

我打算製作一個RWD網頁。當中會使用到table。而具體展現形式，是希望像下圖一樣。

電腦版


手機版



把圖片放在Table中的，感覺很難可以令電腦版及手機版的效果有這種分別...如果把圖片放在table外，要令圖片的位置及border可以跟在table中沒有分別，又好像很難調整.....上網找過資料都找不到理想中的效果..請問我如何才能做到呢?

hikaruyin

不太懂CSS，等下有沒有其他大神幫你吧

nick

用table好難做，用flexbox啦
假如無特別需要，直接用框架例如Bulma、LostGrid會簡單啲

niuniu

进来学习学习

dkmi

雖然，唔係好明白。但係，都會嘗試學習一下嘅

dbz

nick 发表于 2018-5-27 13:41
用table好難做，用flexbox啦
假如無特別需要，直接用框架例如Bulma、LostGrid會簡單啲

感謝幫忙。我之前都是用TABLE。我試試研究flexbox或者其他看看效果如何..

bingnam

可以透过 CSS3 里面嘅 @media 来定义唔同屏幕 size 用唔同 style。table 布局已经係上世纪嘅玩法喇，建议用 div 来分割会更加灵活。

leyland925

Table應該不能做到你的效果....
因為要根據版面大小而決定顯示位置及大小要用CSS中的@Media....
用DIV可解決
Ref: https://stackoverflow.com/questi ... on-with-media-query

vx2240w

CSS好像挺复杂的样子,我也不会,希望有大佬指点一下迷津.