Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.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 如何使第n列填充表格中的空白宽度_Html_Css - Fatal编程技术网

Html 如何使第n列填充表格中的空白宽度

Html 如何使第n列填充表格中的空白宽度,html,css,Html,Css,请参见此示例: 表格宽度设置为100%,但我希望主题列填充空白宽度,而不是开始时间列或任何其他应为最小宽度+填充的列 CSS: 活样本将宽度自动设置为th td,将表格设置为100% 使用th:nth-last-child3将主题宽度设置为100%将宽度自动设置为th td,将表格设置为100% 使用th:nth-last-child3将主题宽度设置为100%不要将100%全局设置为所有th。把它交给需要的人,如下所示 身体{ 字体系列:Calibri; } 表,th{ 边框:1px纯黑;

请参见此示例:

表格宽度设置为100%,但我希望主题列填充空白宽度,而不是开始时间列或任何其他应为最小宽度+填充的列

CSS:

活样本

将宽度自动设置为th td,将表格设置为100%

使用th:nth-last-child3将主题宽度设置为100%

将宽度自动设置为th td,将表格设置为100%

使用th:nth-last-child3将主题宽度设置为100%

不要将100%全局设置为所有th。把它交给需要的人,如下所示

身体{ 字体系列:Calibri; } 表,th{ 边框:1px纯黑; 文本对齐:左对齐; 边界塌陷:塌陷; 表格布局:自动; } 运输署{ 边框:1px纯黑; 文本对齐:左对齐; } a:链接{ 文字装饰:无; } td,th{ 边框:1px实心ddd; 填充:4px; 右侧填充:30px; 空白:nowrap; } th{ 填充顶部:8px; 垫底:8px; 文本对齐:左对齐; 背景色:3399ff; 颜色:白色; 字体大小:粗体; } 开始时间 结束时间 主题 回答 00:00 00:00 填充宽度 某物 不要在全球范围内100%地给予所有人。把它交给需要的人,如下所示

身体{ 字体系列:Calibri; } 表,th{ 边框:1px纯黑; 文本对齐:左对齐; 边界塌陷:塌陷; 表格布局:自动; } 运输署{ 边框:1px纯黑; 文本对齐:左对齐; } a:链接{ 文字装饰:无; } td,th{ 边框:1px实心ddd; 填充:4px; 右侧填充:30px; 空白:nowrap; } th{ 填充顶部:8px; 垫底:8px; 文本对齐:左对齐; 背景色:3399ff; 颜色:白色; 字体大小:粗体; } 开始时间 结束时间 主题 回答 00:00 00:00 填充宽度 某物 **文本对齐:左->左移文本**

**文本对齐:左->左移文本**

这将帮助您

身体{ 字体系列:Calibri; } 表,th{ 边框:1px纯黑; 文本对齐:左对齐; 边界塌陷:塌陷; 表格布局:自动; } 表th:nth-child3{宽度:100%;} 运输署{ 边框:1px纯黑; 文本对齐:左对齐; } a:链接{ 文字装饰:无; } td,th{ 边框:1px实心ddd; 填充:4px; 右侧填充:30px; 空白:nowrap; } th{ 填充顶部:8px; 垫底:8px; 文本对齐:左对齐; 背景色:3399ff; 颜色:白色; 字体大小:粗体; } 开始时间结束时间对象响应 00:00 00:00 填充宽度 某物 这对你有帮助

身体{ 字体系列:Calibri; } 表,th{ 边框:1px纯黑; 文本对齐:左对齐; 边界塌陷:塌陷; 表格布局:自动; } 表th:nth-child3{宽度:100%;} 运输署{ 边框:1px纯黑; 文本对齐:左对齐; } a:链接{ 文字装饰:无; } td,th{ 边框:1px实心ddd; 填充:4px; 右侧填充:30px; 空白:nowrap; } th{ 填充顶部:8px; 垫底:8px; 文本对齐:左对齐; 背景色:3399ff; 颜色:白色; 字体大小:粗体; } 开始时间结束时间对象响应 00:00 00:00 填充宽度 某物
加宽度:100%;对于只有th的人来说,并不是所有人都像@TemaniAfif说的那样。您可以使用类或id执行此操作。添加宽度:100%;对于只有th的人来说,并不是所有人都像@TemaniAfif说的那样。你可以用班级或身份证来做这件事。谢谢你的回复,但我不明白你的注意。谢谢你的回复,但我不明白你的注意。。
    table, th {
      border:1px solid black;
      text-align:left;
      border-collapse: collapse;
      table-layout: auto;
      width: 100%;
    }
    td, th {
      border: 1px solid #ddd;
      padding: 4px;
      padding-right: 30px;
      white-space: nowrap;
    }
    th {
      padding-top: 8px;
      padding-bottom: 8px;
      text-align: left;
    }
td, th {
      width: auto;
    }

table {
        width: 100%;
}
table, th 
{ border:1px solid black;
  border-collapse: collapse;
  table-layout: auto; 
  width 100%; 
} 
td, th 
{ border: 1px solid #ddd; 
  padding: 4px; 
  padding-right: 30px; 
  white-space: nowrap; 
} 
th 
{ padding-top: 8px; 
  padding-bottom: 8px; 
  text-align: left; 
}