css中怎么让div里面的文字底部对齐

在CSS中，让div里面的文字底部对齐并不是一件难事。我们可以通过设置div的display属性为flex，再设置align-items为flex-end即可实现。
下面是示例代码：

<div class="container">
  <p class="text">底部对齐</p>
  <p class="text">测试文字</p>
  <p class="text">这是一段比较长的测试内容，来测试底部对齐的效果。</p>
</div>

<style>
.container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.text {
  margin: 0;
}
</style> 

解析：
首先，我们需要创建一个拥有多行文字的div，并给它设置一个class为container。在class为container的样式中，我们设置了display为flex，flex-direction为column，align-items为flex-end。这样，我们就将div中的文字垂直布局，并且文字底部对齐。注意，我们还需要设置.align-items为flex-end，这样才能使文字底部对齐，如果设置为center，则会是文字的中心对齐。
接着，我们在每个p标签中增加一个class为text，并设置margin为0，这样可以消除p标签的默认间距。
最后，我们在style标签中将代码用pre标签包裹起来，这样有利于代码的清晰展示。
总的来说，让div里面的文字底部对齐的方法较为简单，在应用中我们可以根据具体情况进行细微的调整，让我们的排版更美观。