Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.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 工作台固定时是否可以保持TDs流体?_Html_Css_Electron - Fatal编程技术网

Html 工作台固定时是否可以保持TDs流体?

Html 工作台固定时是否可以保持TDs流体?,html,css,electron,Html,Css,Electron,编辑2017年2月8日: 我不需要支持所有浏览器,因为我使用的是最新的electron框架。在铬56.0.2924.87上运行 我有一个可编辑的表,在用户可以编辑它之前,它已经用一些数据初始化。因为我想以后打印A4格式的表格,所以不能超过给定的宽度 我现在的问题是如果我使用 table-layout:fixed; width:100%; 可编辑的TDs将不再是流体。当然,我知道这是一个悖论,固定的东西不可能是流动的 然而,我确信,2017年必须有一种方法来实现固定表,使用流体td 下面是一个

编辑2017年2月8日: 我不需要支持所有浏览器,因为我使用的是最新的
electron框架
。在铬56.0.2924.87上运行


我有一个可编辑的
,在用户可以编辑它之前,它已经用一些数据初始化。因为我想以后打印A4格式的表格,所以不能超过给定的宽度

我现在的问题是如果我使用

table-layout:fixed;
width:100%;
可编辑的
TDs
将不再是流体。当然,我知道这是一个悖论,
固定的东西不可能是流动的

然而,我确信,2017年必须有一种方法来实现
固定表
,使用
流体td

下面是一个没有固定表的示例:

正如您所看到的,只要使用小词,
就不会超过它的父级。
TDs
流体
。然而,如果你开始写一个长单词,那么
表就会突破它的父级

下面是一个固定布局的示例:

在本例中,
将使用所有的父宽度,这很好。但是
TDs
本身将有一个固定的宽度,这是不好的

我想以某种方式实现
TDs
,它在
固定表中流畅地运行

  • 有没有一种纯粹的CSS方法可以做到这一点
  • 有没有其他办法解决这一矛盾
  • 旁注:我正在考虑完全删除
    ,并使用
    divs
期待你的建议


你好,Megajin这不是桌子的工作方式

但你可以试试这样的方法:

.freak box{宽度:300px;高度:300px;边框:1px实心红色;}
.phreak{位置:相对;最大宽度:400px;右边距:100px;边框:1px纯蓝色;}
.squishy内部{位置:绝对;宽度:100%;显示:内联;}

汤姆从公园回到家时,打开了家的门,发现有点不对劲。一盏灯被撞倒在地,厨房里传来奇怪的声音。当他想到他的妻子莎拉时,他觉得自己的胸部绷紧了,她还好吗,还是她在里面。。。噪音在哪里?

因此,不应使用表格进行布局的原因之一。如果您使用div复制表,那么您可能需要重新考虑您试图执行的操作。@Rob我没有使用
进行布局。<代码>表用于显示应该放在<代码>表< /代码>中的数据。如果我正确地获得了<代码> Quyy in >宽度将被忽略,这不是我想要实现的。请考虑您所要求的可能不是逻辑上与浏览器当前的功能一致,但是如果你愿意接受需要一点技巧的话,我的解决方案会对你有用。是的,这可能是真的。但是,它会干扰前端的用户体验。因为我使用的是最新的electron框架,所以我不需要支持大多数浏览器。