如何修复HTML中同一行中的标题和列答案

【问题标题】：How to fix Header & columns in same row in HTML如何修复HTML中同一行中的标题和列
【发布时间】：2018-04-23 06:13:29
【问题描述】：

如何在同一行中对齐表头和列而不调整到 HTML 中的下一行？任何人请帮助我。 ?

【问题讨论】：

【解决方案1】：

如果我们使用 * white-space: nowrap* 它不会移动到下一行。

示例 CSS 代码：

td, th { 
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
  padding: 10px; 
  text-align: left; 
  font-size: 18px;
}

【讨论】：

【解决方案2】：

您需要在表格标签的上部 div 中添加“表格响应”类。当您的列大于屏幕大小时使用它，它将开始滚动。而且您不会遇到您所描述的任何问题。更多详情请参考此链接 --> https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_ref_table-responsive&stacked=h

希望这会对你有所帮助。

【讨论】：