Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html CSS-表格响应内部显示：表格+；显示：表格行/单元格_Html_Css_Twitter Bootstrap_Responsive - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html CSS-表格响应内部显示：表格+；显示：表格行/单元格

Html CSS-表格响应内部显示：表格+；显示：表格行/单元格

html css twitter-bootstrap

Html CSS-表格响应内部显示：表格+；显示：表格行/单元格,html,css,twitter-bootstrap,responsive,Html,Css,Twitter Bootstrap,Responsive,我目前正在一家公司做一个项目，我们需要在表格中显示数据。有些查询检索的字段太多，导致输出表很快溢出。问题是，它们的模板使用“显示：表和显示：表格行”等用于垂直对齐、粘性页脚和其他视口技巧 此模板基于Bootsrap3。当使用响应表时，它就是不起作用。无论我尝试修复什么CSS，要么改变它的显示，要么改变溢出规则，等等 我发现两个问题描述了完全相同的问题，尽管它们没有答案 你可以看看那里的代码，很简单。只需引导的表响应包装在display:table行中display:table 当然，如果我删

我目前正在一家公司做一个项目，我们需要在表格中显示数据。有些查询检索的字段太多，导致输出表很快溢出。问题是，它们的模板使用“显示：表和显示：表格行”等用于垂直对齐、粘性页脚和其他视口技巧

此模板基于Bootsrap3。当使用响应表时，它就是不起作用。无论我尝试修复什么CSS，要么改变它的显示，要么改变溢出规则，等等

我发现两个问题描述了完全相同的问题，尽管它们没有答案

你可以看看那里的代码，很简单。只需引导的表响应包装在display:table行中display:table

当然，如果我删除两个显示，这就解决了问题，但在布局周围会产生更糟糕的问题，因为所有内容都围绕着这个显示：表进行编码

因此，我正在寻找一种不会破坏布局的解决方案。“保持显示器原样”，同时通过设计样式或其他方式解决桌面响应问题。我花了好几个小时试图解决这个问题并进行研究，但到目前为止我运气不好

提前感谢。

解决方案的关键是将
宽度：100%
和
表格布局：固定
到模板布局中使用的表格元素（您仍然可以使用橡胶列、粘性页脚等）以使响应表格正常工作。
这是我的建议。尝试禁用其中一个属性，您将显示您的问题