Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/463.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/2/jquery/77.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
Javascript HTML表格自动填充空间_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript HTML表格自动填充空间

Javascript HTML表格自动填充空间,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有以下css和html。问题是,如果中间的td不包含内容或文本,那么左td和右td是否可以使用该空间,所以50/50,或者如果只有一个td包含内容或文本,那么它应该占据100%的空间。这可能吗?或者可以使用jquery或javascript吗 表4.3-COL-layout>tbody>tr>td{ 宽度:33%; } 左列 右栏 您需要javascript来实现这一点。我认为纯css/htmlHere的css/HTMLJSFIDLE是不可能的,你可以尝试一下,而且很接近。表格设置为

我有以下css和html。问题是,如果中间的td不包含内容或文本,那么左td和右td是否可以使用该空间,所以50/50,或者如果只有一个td包含内容或文本,那么它应该占据100%的空间。这可能吗?或者可以使用jquery或javascript吗


表4.3-COL-layout>tbody>tr>td{
宽度:33%;
}	

左列
右栏

您需要javascript来实现这一点。我认为纯css/htmlHere的css/HTMLJSFIDLE是不可能的,你可以尝试一下,而且很接近。表格设置为100%宽度,并且td宽度(以及任何填充、边距或边框)已删除。即使从单元格中删除内容,如果有大小不同的填充或格式,也会占用一些空间。还可以尝试向单元格中添加不同数量的内容,看看单元格如何划分宽度和高度。@Talkingrock-谢谢。当3个td中有内容时,每个td都需要使用相等的空间(即每个td的33.33%)。使用给定的css/html是否会自动发生这种情况?p标签会导致这种情况吗?不幸的是,当您向td添加大小时,即使它不包含任何内容,也会显示。如果向单元格内的元素(如段落)添加大小,它将是单元格大小的百分比,而不是表格大小。如果单元格的内容大致相同,那么单元格大小将或多或少地相等。如果内容大小不同,单元格将根据内容量显示。因为您需要精确的大小(33.33%、50%、100%),也许jQuery或Javascript会给出最一致的结果。