如何创建响应性HTML、CSS表？
我想创建一个只有HTML和CSS的响应表，在响应视图上有一个图标按钮与右侧对齐，类似于下图。下面的代码呈现一个响应表，但是图标也在下一行对齐。我希望它在右边对齐，如图所示。任何人都可以帮忙如何创建响应性HTML、CSS表？,html,css,Html,Css,我想创建一个只有HTML和CSS的响应表，在响应视图上有一个图标按钮与右侧对齐，类似于下图。下面的代码呈现一个响应表，但是图标也在下一行对齐。我希望它在右边对齐，如图所示。任何人都可以帮忙 表格{ 边框：1px实心#ccc； 边界半径：5px； /*边界塌陷：塌陷*/ 保证金：0； 填充：0； 宽度：50%； 表布局：固定； } 表tr{ 背景色：白色； 边框：1px实心#ddd； 填充：10px； } 表th， 表td{ 填充：10px； 文本对齐：左对齐； 边框底部：1px实心#ddd；
表格{
边框：1px实心#ccc；
边界半径：5px；
/*边界塌陷：塌陷*/
保证金：0；
填充：0；
宽度：50%；
表布局：固定；
}
表tr{
背景色：白色；
边框：1px实心#ddd；
填充：10px；
}
表th，
表td{
填充：10px；
文本对齐：左对齐；
边框底部：1px实心#ddd；
}
表th{
字体大小：15px；
文本转换：大写；
}
@媒体屏幕和屏幕（最大宽度：600px）{
桌子{
边界：0；
宽度：100%
}
餐桌{
边界：无；
/*剪辑：rect（0）*/
高度：1px；
保证金：-1px；
溢出：隐藏；
填充：0；
位置：绝对位置；
宽度：1px；
}
表tr{
边框底部：1px实心#ddd；
显示：块；
/*边缘底部：.625em*/
}
表td{
边框底部：1px实心#ddd；
显示：块；
字体大小：13px；
文本对齐：右对齐；
}
表td：：之前{
内容：attr（数据标签）；
浮动：左；
字体大小：粗体；
文本转换：大写；
}
表td：最后一个孩子{
边界底部：0；
}
}
名称
类型
上传时间
约翰
文件
21/04/20
约翰
文件
21/04/20
约翰
文件
21/04/20