设为首页收藏本站

登录立即注册

粤梦缘»社区论坛 › 飘雪综合区 › 电脑教室 › 網站製作的CSS問題

发新帖

查看: 563|回复: 8

[其他更多] 網站製作的CSS問題

签到天数: 220 天

[LV.7]常住居民III

9 主题	0 好友	328 积分

土之精灵LV.1

Rank: 5 Rank: 5 Rank: 5

回帖: 155
雪点: 1490
阅读权限: 40
性别: 保密
在线时间: 80 小时
注册时间: 2018-5-22
最后登录: 2025-2-16

发消息

发表于 2018-5-27 13:08:38 | 显示全部楼层 |阅读模式

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

電腦版

手機版

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

本帖子中包含更多资源

您需要登录才可以下载或查看，没有账号？立即注册

x

最近访问 头像模式列表模式

回复

使用道具举报

VIP用户

成长值: 9265

签到天数: 3131 天

[LV.Master]伴坛终老

45 主题	10 好友	7076 积分

精灵魔法师☆★

小冰

Rank: 25

回帖: 6591
雪点: 2058
阅读权限: 150
性别: 保密
在线时间: 2893 小时
注册时间: 2012-12-29
最后登录: 2025-2-16

发消息

发表于 2018-5-27 13:36:55 | 显示全部楼层

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

回复支持反对

使用道具举报

APP用户

签到天数: 490 天

[LV.9]以坛为家II

18 主题	0 好友	943 积分

精灵魔法师☆★

Rank: 25

回帖: 166
雪点: 7245
阅读权限: 150

在线时间: 379 小时
注册时间: 2012-8-2
最后登录: 2022-3-30

发消息

发表于 2018-5-27 13:41:04 | 显示全部楼层

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

如果你喜歡飄盤客戶端，不妨買杯咖啡畀我！

回复支持反对

使用道具举报

APP用户

签到天数: 622 天

[LV.9]以坛为家II

12 主题	0 好友	1万积分

炎之精灵LV.2

Rank: 17

回帖: 14585
雪点: 6134
阅读权限: 110
性别: 男
在线时间: 649 小时
注册时间: 2017-6-4
最后登录: 2025-2-7

发消息

发表于 2018-5-27 22:08:59 | 显示全部楼层

进来学习学习

回复支持反对

使用道具举报

签到天数: 3757 天

[LV.Master]伴坛终老

948 主题	81 好友	16万积分

超级精灵王☆★

Rank: 20

回帖: 162737
雪点: 6091
阅读权限: 150

在线时间: 22485 小时
注册时间: 2014-5-26
最后登录: 2025-2-16

发消息

发表于 2018-5-28 02:45:54 | 显示全部楼层

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

回复支持反对

使用道具举报

签到天数: 220 天

[LV.7]常住居民III

9 主题	0 好友	328 积分

土之精灵LV.1

Rank: 5 Rank: 5 Rank: 5

回帖: 155
雪点: 1490
阅读权限: 40
性别: 保密
在线时间: 80 小时
注册时间: 2018-5-22
最后登录: 2025-2-16

发消息

楼主| 发表于 2018-5-28 21:43:08 | 显示全部楼层

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

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

回复支持反对

使用道具举报

签到天数: 2609 天

[LV.Master]伴坛终老

5 主题	0 好友	2370 积分

风之精灵LV.1

Rank: 8 Rank: 8 Rank: 8 Rank: 8

回帖: 1037
雪点: 13142
阅读权限: 70
性别: 保密
在线时间: 754 小时
注册时间: 2015-4-24
最后登录: 2025-2-15

发消息

发表于 2018-6-4 09:57:33 | 显示全部楼层

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

回复支持反对

使用道具举报

签到天数: 532 天

[LV.9]以坛为家II

5 主题	0 好友	817 积分

土之精灵LV.3

Rank: 7 Rank: 7 Rank: 7

回帖: 255
雪点: 5467
阅读权限: 60
性别: 保密
在线时间: 120 小时
注册时间: 2015-7-5
最后登录: 2021-3-18

发消息

发表于 2018-6-24 08:45:15 | 显示全部楼层

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

回复支持反对

使用道具举报

签到天数: 942 天

[LV.10]以坛为家III

4 主题	7 好友	5万积分

Rank: 17

回帖: 50045
雪点: 8303
阅读权限: 130

在线时间: 2345 小时
注册时间: 2019-9-16
最后登录: 2022-6-2

发消息

发表于 2020-2-3 02:09:22 | 显示全部楼层

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

回复支持反对

使用道具举报

发新帖

手机版|小黑屋|Archiver|粤梦缘

GMT+8, 2025-2-16 20:55 , Processed in 0.046210 second(s), 29 queries , Redis On.

Powered by Discuz! X3.4

© 2001-2023 Comsenz Inc.

快速回复 返回顶部 返回列表