一个div内放置两个文本模块，如何让子文本模块在父div模块内是2行并且垂直水平居中显示的,子文本内容不给固定宽高

要在一个 div 中放置两个文本模块，并使它们在父 div 模块内显示两行，并且垂直水平居中，可以使用 flexbox 布局和 line-clamp 属性。以下是 HTML 和 CSS 示例代码：

HTML 代码：

<div class="container">
  <div class="text">第一个文本模块</div>
  <div class="text">第二个文本模块</div>
</div>

CSS 代码：

.container {
  display: flex; /* 使用 flexbox 布局 */
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
}

.text {
  display: -webkit-box; /* 使用 line-clamp 属性 */
  -webkit-box-orient: vertical; /* 设置为垂直方向 */
  -webkit-line-clamp: 2; /* 显示两行 */
  margin: 10px; /* 文本模块的外边距 */
  background-color: #ccc; /* 文本模块的背景色 */
  overflow: hidden; /* 隐藏超出部分 */
}

在上面的示例代码中，我们创建了一个名为 container 的父 div 模块，并在其中放置了两个名为 text 的子 div 模块，这两个子 div 模块中包含文本内容。我们使用了 flexbox 布局，并设置了 justify-content 和 align-items 属性为 center，这样子 div 模块就可以垂直水平居中在父 div 模块内。

我们还使用了 line-clamp 属性来设置文本模块的行数为 2 行，这样文本就会在超过两行时被截断。我们还设置了文本模块的外边距和背景色等属性。

由于我们不给子文本模块固定宽高，所以它们的大小将根据文本内容的大小而自动调整。你可以根据你的需要修改文本模块的外边距、背景色和 line-clamp 属性的行数。

希望这能够帮助到你！