Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/33.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 如何拥有一个占据整个屏幕的最小td表?_Html_Css_Twitter Bootstrap 3 - Fatal编程技术网

Html 如何拥有一个占据整个屏幕的最小td表?

Html 如何拥有一个占据整个屏幕的最小td表?,html,css,twitter-bootstrap-3,Html,Css,Twitter Bootstrap 3,我正在尝试创建一个表,例如8列。它可以在桌面屏幕上正常工作。但是,当在较小的屏幕上尝试或试图缩小浏览器的大小时,tds会被等分,内容会被压缩 我想让td的最小宽度为200px。我们如何才能做到这一点 我试过了 table-layout: fixed td { min-width:200px; } 显然,td上的最小宽度不起作用。 我还试着把 然而,这是行不通的。td的边框和div中的内容在执行此操作时会错位 有什么想法吗? 如果解决了这个问题,我也可以使用Bootstrap3 谢谢。表

我正在尝试创建一个表,例如8列。它可以在桌面屏幕上正常工作。但是,当在较小的屏幕上尝试或试图缩小浏览器的大小时,
tds
会被等分,内容会被压缩

我想让
td
最小宽度为200px。我们如何才能做到这一点

我试过了

table-layout: fixed
td { min-width:200px;  
 } 
显然,td上的最小宽度不起作用。 我还试着把
然而,这是行不通的。td的边框和
div
中的内容在执行此操作时会错位

有什么想法吗? 如果解决了这个问题,我也可以使用Bootstrap3


谢谢。

表格布局:修复
,此属性(修复)影响
最小宽度
。当我将其设置为
automatic
heritage
,并添加样式
minwidth:200px
,当浏览器窗口的宽度缩小时,td的宽度不会改变。

表布局:固定
,此属性(固定)影响
minwidth
。当我将其设置为
automatic
inherit
,并添加样式
minwidth:200px
,当浏览器窗口的宽度缩小时,td的宽度不会改变。

您是否尝试过这个,因为如果您访问@chintuyadavsara
minwidth
提供的链接,您可以看到它应该工作。你能提供一个带有HTML和CSS的代码片段来重现这个问题吗?如果你访问@chintuyadavsara
minwidth
提供的链接,你是否尝试过这个方法。你能提供一个带有HTML和CSS的代码片段来重现这个问题吗?