Css 响应表

Css 响应表,css,Css,对于我的学校项目,我必须制作一个旧的CRM。所有的表现在都完全响应了,但有一个小问题。这是它目前的样子: 我现在正在制作网站的人问我是否可以在每个td的旁边放置表格标题。我试过几次都失败了。所以我不知道我现在还能做什么。 这是我用来让表格响应的css /* 此特定表格变脏前的最大宽度 此查询将对小于760px的任何屏幕生效 特别是iPad。 */ @媒体 仅屏幕和(最大宽度:760像素), (最小设备宽度:500px)和(最大设备宽度:1000px){ /*强制表不再像表一样*/ 表,thea

对于我的学校项目,我必须制作一个旧的CRM。所有的表现在都完全响应了,但有一个小问题。这是它目前的样子:

我现在正在制作网站的人问我是否可以在每个td的旁边放置表格标题。我试过几次都失败了。所以我不知道我现在还能做什么。 这是我用来让表格响应的css

/*
此特定表格变脏前的最大宽度
此查询将对小于760px的任何屏幕生效
特别是iPad。
*/
@媒体
仅屏幕和(最大宽度:760像素),
(最小设备宽度:500px)和(最大设备宽度:1000px){
/*强制表不再像表一样*/
表,thead,tbody,th,td,tr{
显示:块;
}
/*隐藏表格标题(但不显示:none;,用于辅助功能)*/
thead tr{
位置:绝对位置;
顶部:-9999px;
左:-9999px;
}
tr{border:1px solid#ccc;}
td{
/*表现得像“一排”*/
边界:无;
边框底部:1px实心#eee;
左:5%;
}
td:在{
/*现在就像一个表格标题*/
位置:绝对位置;
/*上/左值模拟填充*/
顶部:6px;
左:6px;
宽度:45%;
右边填充:10px;
空白:nowrap;
}

}
我希望flexbox解决这个问题。我想指出我以前使用过的解决方案:

为了了解flexbox的工作原理,您应该研究一下这个漂亮的小游戏:

请记住,flexbox并不适用于所有浏览器: