如何设置div内的模块靠左显示，模块内容按行显示？

要设置一个div内的模块靠左显示，并且模块内容按行显示，你可以使用CSS中的flexbox布局来实现。以下是一种可能的解决方案：

HTML结构：

<div class="container">
  <div class="module">模块1</div>
  <div class="module">模块2</div>
  <div class="module">模块3</div>
  <div class="module">模块4</div>
</div>

CSS样式：

.container {
  display: flex;
  flex-wrap: wrap;
}

.module {
  display: flex;
  align-items: center;
  margin-right: 10px; /* 可选，用于设置模块之间的间距 */
}

这个解决方案中，我们将div.container设置为flex容器，并使用flex-wrap: wrap;来启用换行。这样，当模块的总宽度超过父容器的宽度时，模块将会自动换行。

每个模块使用div.module表示，并且设置display: flex;来使模块内部的内容按行显示。为了使模块内容垂直居中，我们使用align-items: center;来设置。

你可以根据需要调整样式，比如设置模块之间的间距等。这种方法适用于各种屏幕尺寸和设备类型，并且可以轻松地调整模块的顺序和数量。