html - 如何将 HTML 表格放在行内 block 中，以便它们保持在一行中，而我只需要水平滚动？

Question

我希望所有内容都在一行中表达，即使该行比屏幕宽度还宽，并且如果我想访问后面的元素，我只需要使用屏幕的滚动条来获得正确的位置。

我试过这个:

CSS:
.sth{
display: inline-block;
overflow-x: scroll;
}

它不起作用，有人可以帮忙吗？ 谢谢:)

Answer 1

这就是您想要实现的目标吗？

div {
  max-width: 100%;
  overflow-x:scroll;
  white-space: nowrap;
}

<div>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
  in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>