飘盘聊天资讯萌图漫画动画规则帮助手机客户端

注册 QQ登陆

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

发新帖

查看: 1436|回复: 8

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

签到天数: 237 天

[LV.7]常住居民III

9 主题	0 好友	342 积分

土之精灵LV.1

Rank: 5 Rank: 5 Rank: 5

回帖: 155
雪点: 1635
阅读权限: 40
性别: 保密
在线时间: 84 小时
注册时间: 2018-5-22
最后登录: 2025-9-15

发消息

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

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

電腦版

手機版

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

本帖子中包含更多资源

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

x

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

回复

使用道具举报

VIP用户

成长值: 10555

签到天数: 3353 天

[LV.Master]伴坛终老

45 主题	10 好友	7180 积分

精灵魔法师☆★

小冰

Rank: 25

回帖: 6695
雪点: 2043
阅读权限: 150
性别: 保密
在线时间: 3066 小时
注册时间: 2012-12-29
最后登录: 2025-10-30

发消息

发表于 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用户

签到天数: 624 天

[LV.9]以坛为家II

12 主题	0 好友	1万积分

炎之精灵LV.2

Rank: 17

回帖: 14591
雪点: 6097
阅读权限: 110
性别: 男
在线时间: 651 小时
注册时间: 2017-6-4
最后登录: 2025-8-13

发消息

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

进来学习学习

回复支持反对

使用道具举报

签到天数: 4004 天

[LV.Master]伴坛终老

1005 主题	84 好友	17万积分

超级精灵王☆★

Rank: 20

回帖: 174369
雪点: 12411
阅读权限: 150

在线时间: 23986 小时
注册时间: 2014-5-26
最后登录: 2025-11-1

发消息

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

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

回复支持反对

使用道具举报

签到天数: 237 天

[LV.7]常住居民III

9 主题	0 好友	342 积分

土之精灵LV.1

Rank: 5 Rank: 5 Rank: 5

回帖: 155
雪点: 1635
阅读权限: 40
性别: 保密
在线时间: 84 小时
注册时间: 2018-5-22
最后登录: 2025-9-15

发消息

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

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

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

回复支持反对

使用道具举报

签到天数: 2693 天

[LV.Master]伴坛终老

5 主题	0 好友	2459 积分

风之精灵LV.1

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

回帖: 1049
雪点: 13914
阅读权限: 70
性别: 保密
在线时间: 772 小时
注册时间: 2015-4-24
最后登录: 2025-10-23

发消息

发表于 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

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

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

发消息

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

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

回复支持反对

使用道具举报

发新帖

飘雪粤语社区

关于我们商务合作免责声明

Powered by Discuz! X3.4

© 2001-2023 Comsenz Inc.

官方

新浪微博腾讯微博微信公众号站长博客人人主页

官方Q群: 950454436

帮助

投稿规则版权声明留言板捐助我们

官方邮箱: [email protected]

反馈

投诉举报意见反馈用户协议论坛规则

反馈须知：切勿滥用举报，任何与举报相关的信息必须属实！

网站资源

客户端
微信
微博

手机版|小黑屋|Archiver|飘雪粤语社区

GMT+8, 2025-11-1 00:50 , Processed in 0.058436 second(s), 30 queries , Redis On.

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