網站製作的CSS問題

dbz 发表于 2018-5-27 13:08:38

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

電腦版

手機版

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

hikaruyin 发表于 2018-5-27 13:36:55

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

nick 发表于 2018-5-27 13:41:04

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

niuniu 发表于 2018-5-27 22:08:59

进来学习学习

dkmi 发表于 2018-5-28 02:45:54

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

dbz 发表于 2018-5-28 21:43:08

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

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

bingnam 发表于 2018-6-4 09:57:33

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

leyland925 发表于 2018-6-24 08:45:15

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

vx2240w 发表于 2020-2-3 02:09:22

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

页: [1]

粤梦缘's Archiver

網站製作的CSS問題