如何修复页眉&;HTML中同一行中的列

如何修复页眉&;HTML中同一行中的列,html,css,bootstrap-4,Html,Css,Bootstrap 4,如何在不调整HTML中下一行大小的情况下对齐同一行中的表头和列??谁能帮帮我 您需要将类“table responsive”添加到table标记的上div。当您的列超过屏幕大小时,使用此选项将开始滚动。你不会像你描述的那样面对任何问题。 有关更多详细信息,请参阅此链接--> 希望这会对您有所帮助。如果我们使用*空白:nowrap*它将不会移动到下一行 CSS代码示例: td, th { white-space: nowrap; overflow: hidden; text-alig

如何在不调整HTML中下一行大小的情况下对齐同一行中的表头和列??谁能帮帮我

您需要将类“table responsive”添加到table标记的上div。当您的列超过屏幕大小时,使用此选项将开始滚动。你不会像你描述的那样面对任何问题。 有关更多详细信息,请参阅此链接-->


希望这会对您有所帮助。

如果我们使用*空白:nowrap*它将不会移动到下一行

CSS代码示例:

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

嗨@Kiran G,你能输入一些代码吗?你试了多少?我只使用普通表。我上传的文件超过50个标题和10000列。如果字母之间有空格,自动跳到下一行。。。它看起来列大小很大…如果我尝试减少标题和列的数量,它看起来非常清晰。。当我尝试超过15个标题和更多列时。它不会在同一行中。。跳到下一行。。。