PTT
Submit
Submit
选择语言
正體中文
简体中文
PTT
Web_Design
[问题] 表格RWD使用div+css写法
楼主:
s9250123
(Adun)
2018-02-28 15:10:18
最近在练习写表格真的觉得很头大....
尤其又要转换手机版样式,边框线常常这边多一条那里少一条的...有请各位经验多的大大分享一些心得写法QQ
不过目前遇到比较苦手的部份是表格head
如图(宽萤幕版本)
https://i.imgur.com/3y6PEFa.jpg
Q1. 绿色1、2列在手机版呈现会如下图,拆成两个区块的表格(表格head会独立再显示出现)
https://i.imgur.com/XEHfcvA.jpg
_
这部份原本尝试用data-title+伪元素去写,
但发现这样储存格的区块就要多写margin或padding去预留上方表头的位置,资料一多似乎有点麻烦....orz
所以想上来问问有没有更简洁的写法呈现~~
_
Q2. 合并储存格的部份要怎么让他写成合并的样子呢?(目前是写成个别储存格不显示框线=还是塞在右2的储存格里)
以上求解感谢各位大大!小妹先跪惹Q_Q
作者: a65162
2018-02-28 15:32:00
你可以研究怎么用 jQuery FooTable 的插件 看看能不能解决你的问题
作者:
Rplus
(R+) (9527)
2018-03-01 01:23:00
Google: RWD table
作者:
WayneFu
(风尘骄子)
2018-03-01 06:24:00
如果使用的表格不复杂 我整理了一个轻量外挂的程式码可以很方便地直接套用
https://goo.gl/DZEszi
作者:
miau
(米奥)
2018-03-01 15:05:00
如果你的表格真的如你所示的这么单纯,应该也可以这样解XD
https://jsfiddle.net/hyoshm6v/31/
作者: a700evolve (五花毛)
2018-05-17 03:04:00
display: flex / grid
继续阅读
[问题] 依照使用者不同 显示不同功能
ofpurity
[问题] cordova build ios
paul09253336
Fw: [精进] [台北] nodejs读书会
iamnodoubt
[问题] WP网站架设问题求解
james0213
[问题] 回上一页时,如何让select box加载默认值
mikevada
[情报] 分享网页图库工具
pply
[问题] 纯CSS控制元素隐藏与显示
Maonome
[问题] 怎样防止进入chrome的debugger
vi000246
[问题] 网站如果没登入,就无法呼叫WebService。
james999
[问题] post表单资料过大或者过长
mickeyboy
Links
booklink
Contact Us: admin [ a t ] ucptt.com