Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/434.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 如何使桌子和全宽?_Javascript_Html_Css - Fatal编程技术网

Javascript 如何使桌子和全宽?

Javascript 如何使桌子和全宽?,javascript,html,css,Javascript,Html,Css,我不能使它的宽度100%和文本中间。正如我在表格中提到的,这里的问题是这个位置不是100%宽度,文本也不在中间。我怎样才能做到 .气垫床{ 宽度:100%; 边界塌陷:塌陷; } .hoverTable td{ 填充:7px;边框:4e95f4 1px实心; } /*定义所有表行的默认颜色*/ .气垫床{ 背景:b8d1f3; } /*定义表格行的悬停高亮显示颜色*/ .hoverTable tr:悬停{ 背景色:FF99; } .气垫床{ 背景:b8d1f3; } 问题就在这里 项目1A 项

我不能使它的宽度100%和文本中间。正如我在表格中提到的,这里的问题是这个位置不是100%宽度,文本也不在中间。我怎样才能做到

.气垫床{ 宽度:100%; 边界塌陷:塌陷; } .hoverTable td{ 填充:7px;边框:4e95f4 1px实心; } /*定义所有表行的默认颜色*/ .气垫床{ 背景:b8d1f3; } /*定义表格行的悬停高亮显示颜色*/ .hoverTable tr:悬停{ 背景色:FF99; } .气垫床{ 背景:b8d1f3; } 问题就在这里 项目1A 项目1B 项目1C 项目2A 项目2B 项目2C 问题就在这里 项目3A 项目3B 项目3C 项目4A 项目4B 项目4C 项目5A 项目5B 项目5C
由于每行中有3列,要使td位于单个单元格行中,我们需要使用,然后可以使用该规则将文本居中对齐

.气垫床{ 宽度:100%; 边界崩溃:崩溃; } .气垫床{ 填充:7px; 边框:4e95f4 1px实心; } .气垫床{ 文本对齐:居中; } /*定义所有表行的默认颜色*/ .气垫床{ 背景:b8d1f3; } /*定义表格行的悬停高亮显示颜色*/ .hoverTable tr:悬停{ 背景色:FF99; } .气垫床{ 背景:b8d1f3; } 问题就在这里 项目1A 项目1B 项目1C 项目2A 项目2B 项目2C 问题就在这里 项目3A 项目3B 项目3C 项目4A 项目4B 项目4C 项目5A 项目5B 项目5C
由于每行中有3列,要使td位于单个单元格行中,我们需要使用,然后可以使用该规则将文本居中对齐

.气垫床{ 宽度:100%; 边界崩溃:崩溃; } .气垫床{ 填充:7px; 边框:4e95f4 1px实心; } .气垫床{ 文本对齐:居中; } /*定义所有表行的默认颜色*/ .气垫床{ 背景:b8d1f3; } /*定义表格行的悬停高亮显示颜色*/ .hoverTable tr:悬停{ 背景色:FF99; } .气垫床{ 背景:b8d1f3; } 问题就在这里 项目1A 项目1B 项目1C 项目2A 项目2B 项目2C 问题就在这里 项目3A 项目3B 项目3C 项目4A 项目4B 项目4C 项目5A 项目5B 项目5C
可以使用goodOld colspan属性:

.气垫床{ 宽度:100%; 边界塌陷:塌陷; } .hoverTable td{ 填充:7px;边框:4e95f4 1px实心; } /*定义所有表行的默认颜色*/ .气垫床{ 背景:b8d1f3; } /*定义表格行的悬停高亮显示颜色*/ .hoverTable tr:悬停{ 背景色:FF99; } .气垫床{ 背景:b8d1f3; } 问题就在这里 项目1A项目1B项目1C 项目2a项目2b项目2C 问题就在这里 项目3a项目3b项目3C 项目4AItem 4BItem 4C 项目5A项目5B项目5C
可以使用goodOld colspan属性:

.气垫床{ 宽度:100%; 边界塌陷:塌陷; } .hoverTable td{ 填充:7px;边框:4e95f4 1px实心; } /*定义所有表行的默认颜色*/ .气垫床{ 背景:b8d1f3; } /*定义表格行的悬停高亮显示颜色*/ .hoverTable tr:悬停{ 背景色:FF99; } .气垫床{ 背景:b8d1f3; } 问题就在这里 项目1A项目1B项目1C 项目2a项目2b项目2C 问题就在这里 项目3a项目3b项目3C 项目4AItem 4BItem 4C 项目5A项目5B项目5C
为什么不添加规则文本align:center;到TDI,您在某些行中有3列。。。如果一行中只有一个单元格,则在单元格中使用colspan=3。colspan=3如何?由于您有3列,但问题是该行中只有1列,您需要将其展开;到TDI,您在某些行中有3列。。。如果一行中只有一个单元格,则在单元格中使用colspan=3。colspan=3如何?由于您有3列,但问题一行中只有1列,因此需要展开它。